Pablo Viale » Flash http://www.viale.mx Consejos para diseño y desarrollo de aplicaciones web Wed, 29 Jun 2011 22:18:01 +0000 en hourly 1 http://wordpress.org/?v=3.0 Reproducir archivos FLV http://www.viale.mx/2007/11/20/reproducir-archivos-flv/?utm_source=rss&utm_medium=rss&utm_campaign=reproducir-archivos-flv http://www.viale.mx/2007/11/20/reproducir-archivos-flv/#comments Wed, 21 Nov 2007 00:56:00 +0000 Pablo Viale http://www.viale.com.mx/2007/11/20/reproducir-archivos-flv/ En ocasiones tengo archivos de Video de Flash (.flv) los cuales quiero únicamente abrirlos rápidamente para echarles un vistazo o para saber cuánto duran, etc.

No es posible abrirlos con cualquiera de los reproductores de video populares. Importarlos a Flash y publicar una página solamente para ver su duración, es una tarea tediosa.

Aquí te pongo la liga de un reproductor de archivos FLV que te sacará del apuro y es ligero en su instalación. Además es gratuito.

Descarga Moyea FLV Player de aquí.

]]> http://www.viale.mx/2007/11/20/reproducir-archivos-flv/feed/ 0 Cómo hacer un formulario en Flash http://www.viale.mx/2007/08/03/como-hacer-un-formulario-en-flash/?utm_source=rss&utm_medium=rss&utm_campaign=como-hacer-un-formulario-en-flash http://www.viale.mx/2007/08/03/como-hacer-un-formulario-en-flash/#comments Fri, 03 Aug 2007 19:01:16 +0000 Pablo Viale http://www.viale.com.mx/2007/08/03/como-hacer-un-formulario-en-flash/ Para hacer un formulario en Flash, harás toda la interfase (cajas de texto, validadores, botones) en Flash, pero la parte del procesamiento de los datos (envío por mail o almacenamiento en una base de datos) deberá ser hecha mediante el servidor, utilizando ASP.NET por ejemplo.

Nuestra película tendrá dos frames:

  1. Contendrá los campos, validador y botones del formulario.
  2. Contendrá un mensaje de agradecimiento o cualquier otro elemento necesario post-envío.

El validador será un símbolo con un texto que indique que no se han llenado todos los campos.

Lo primero es dibujar las cajas de textos en Flash en el primer frame de la película:

Formulario en Flash

Aquí lo importante es establecer el campo Var con los nombres que utilizará la página ASP.NET para procesarlos.

Nota que establecí el nombre de la instancia a fnombrecompleto para que no interfiriera con el nombre de la variable. El nombre de instancia lo utilizaré en el código.

Es tiempo de colocar un campo más, el validador y el botón:

form3.gif

El texto en rojo es un símbolo cuya instancia se llama validador. Este símbolo debe aparecer o desaparecer si el campo está o no está capturado.

En el primer frame el validador debe estar oculto, así que haz clic en el primer frame y en agrega este código:

Clic para mostrar texto plano
Actionscript:
  1. stop();
  2. validador._visible = false;

Aprovechamos para agregar el stop(); para que la película no muestre el segundo frame.

Ahora vamos a lo interesante, el código del botón:

Clic para mostrar texto plano
Actionscript:
  1. on(release){
  2.    
  3.     var errores = 0;
  4.    
  5.     if (fnombrecompleto.text == ""){
  6.         errores+=1;
  7.     }
  8.     if (femail.text == ""){
  9.         errores+=1;
  10.     }   
  11.            
  12.  
  13.     if (errores> 0){
  14.         validador._visible = true;
  15.     }     else{
  16.  
  17.             //Enviar el formulario
  18.             loadVariables("EnviarFormulario.aspx", "", "GET");   
  19.             gotoAndStop(2);
  20.         }
  21.    
  22.    
  23. }

La variable errores es la cuenta de los campos que son requeridos y que han dejado vacíos. Por eso cuando encontramos que un campo requerido esta vacío, sumamos uno. Después simplemente preguntamos si la variable errores es mayor que cero, en cuyo caso mostramos el validador, y si no es así, procedemos a enviar el formulario y brincar al frame 2, en el cual debemos colocar un texto de agradecimiento por haber enviado el formulario.

En la línea de loadVariables, el parámetro EnviarFormulario.aspx es una página que va a recibir los parámetros y procesarlos. En ASP.NET los procesarías con Request.Querystring("nombrecompleto") ya que establecimos el método en GET.

]]> http://www.viale.mx/2007/08/03/como-hacer-un-formulario-en-flash/feed/ 1 Cómo abrir un popup desde Flash http://www.viale.mx/2007/08/02/como-abrir-un-popup-desde-flash/?utm_source=rss&utm_medium=rss&utm_campaign=como-abrir-un-popup-desde-flash http://www.viale.mx/2007/08/02/como-abrir-un-popup-desde-flash/#comments Fri, 03 Aug 2007 01:07:10 +0000 Pablo Viale http://www.viale.com.mx/2007/08/02/como-abrir-un-popup-desde-flash/ Para abrir un popup (ventana emergente) desde Flash, utiliza el siguiente código en un botón:

Clic para mostrar texto plano
Actionscript:
  1. on (release) {
  2.    getURL ("javascript:NuevaVentana=window.open('Pagina.html','nombreVentana','width=400,height=300,left=0,top=0, toolbar=No,location=No,scrollbars=No,status=No,resizable=No,fullscreen=No');  NuevaVentana.focus(); void(0);");
  3. }

Si quieres que se abra cuando la película pase por un frame específico, solamente quítale on (release), así:

Clic para mostrar texto plano
Actionscript:
  1. getURL ("javascript:NuevaVentana=window.open('Pagina.html','nombreVentana','width=400,height=300,left=0,top=0, toolbar=No,location=No,scrollbars=No,status=No,resizable=No,fullscreen=No');  NuevaVentana.focus(); void(0);");

y coloca el código en el frame deseado.

]]> http://www.viale.mx/2007/08/02/como-abrir-un-popup-desde-flash/feed/ 0 Iniciar, detener y dar volumen a un sonido mediante Actionscript http://www.viale.mx/2007/07/20/iniciar-detener-y-dar-volumen-a-un-sonido-mediante-actionscript/?utm_source=rss&utm_medium=rss&utm_campaign=iniciar-detener-y-dar-volumen-a-un-sonido-mediante-actionscript http://www.viale.mx/2007/07/20/iniciar-detener-y-dar-volumen-a-un-sonido-mediante-actionscript/#comments Fri, 20 Jul 2007 17:22:27 +0000 Pablo Viale http://www.viale.com.mx/2007/07/20/iniciar-detener-y-dar-volumen-a-un-sonido-mediante-actionscript/ En Flash, crear un sonido mediante Actionscript nos da mucha ventaja porque podemos tener total control sobre él.

El primer paso es importar tu sonido a la librería, como lo haces normalmente.

Para que el sonido pueda ser accedido mediante Actionscript, debes dar clic con el botón derecho sobre el sonido en la librería, y seleccionar Linkage...:

Linkage

Cuando lo hagas, aparecerá una ventana, en la cual tendrás que marcar la opción Export for Actionscript y especificar un nombre en el campo de texto Identifier:

Properties

Ahora el sonido puede ser accedido mediante Actionscript con el nombre de identificador que le diste.

Coloca estas porciones de código en los botones o frames en los que desees que se ejecute cada acción.

Iniciar el sonido

Clic para mostrar texto plano
Actionscript:
  1. MiSonido = new Sound(this);
  2. MiSonido.attachSound("s1");
  3. MiSonido.start(0, 1);
  4. //El 0 indica la posición en segundos en la que debe iniciar el sonido
  5. //El 1 indica la cantidad de veces que deseas que se repita el sonido

Detener el sonido

Clic para mostrar texto plano
Actionscript:
  1. MiSonido.stop();

Modificar el volumen del sonido

Clic para mostrar texto plano
Actionscript:
  1. MiSonido.setVolume(50);
  2. //Especificar un rango de 0 a 100

]]> http://www.viale.mx/2007/07/20/iniciar-detener-y-dar-volumen-a-un-sonido-mediante-actionscript/feed/ 0 Cómo hacer transparente el fondo de una película de Flash http://www.viale.mx/2007/07/01/como-hacer-transparente-el-fondo-de-una-pelicula-de-flash/?utm_source=rss&utm_medium=rss&utm_campaign=como-hacer-transparente-el-fondo-de-una-pelicula-de-flash http://www.viale.mx/2007/07/01/como-hacer-transparente-el-fondo-de-una-pelicula-de-flash/#comments Sun, 01 Jul 2007 17:26:55 +0000 Pablo Viale http://www.viale.com.mx/2007/07/01/como-hacer-transparente-el-fondo-de-una-pelicula-de-flash/ Para hacer transparente el fondo de una película de Flash:

En el tag OBJECT coloca el siguiente parámetro:

Clic para mostrar texto plano
HTML:
  1. <param name="wmode" value="transparent">

En el tag EMBED coloca el siguiente parámetro:

Clic para mostrar texto plano
HTML:
  1. wmode="transparent"

Ejemplo:

Clic para mostrar texto plano
HTML:
  1. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  2.     codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="300" height="100">
  3.     <param name="movie" value="Images/Logo2.swf">
  4.     <param name=quality value=high>
  5.              <param name="wmode" value="transparent">
  6.     <embed src="Images/Logo2.swf"
  7.                      quality=high
  8.                      wmode=transparent
  9.                      pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
  10.                      type="application/x-shockwave-flash" width="300" height="100">
  11.     </embed>
  12. </object>

]]> http://www.viale.mx/2007/07/01/como-hacer-transparente-el-fondo-de-una-pelicula-de-flash/feed/ 0 Como cerrar un Popup y dirigir la ventana principal a otro URL con JavaScript http://www.viale.mx/2007/06/25/como-cerrar-un-popup-y-dirigir-la-ventana-principal-a-otro-url-con-javascript/?utm_source=rss&utm_medium=rss&utm_campaign=como-cerrar-un-popup-y-dirigir-la-ventana-principal-a-otro-url-con-javascript http://www.viale.mx/2007/06/25/como-cerrar-un-popup-y-dirigir-la-ventana-principal-a-otro-url-con-javascript/#comments Mon, 25 Jun 2007 23:49:24 +0000 Pablo Viale http://www.viale.com.mx/2007/06/25/como-cerrar-la-ventana-parent-desde-un-popup-con-javascript/ Para hacer que se abra un Popup (o ventana emergente) desde una página web, colocamos este código de JavaScript dentro del tag body:

Clic para mostrar texto plano
HTML:
  1. <body onLoad="window.open('popup.html','','width=500,height=500')">

Ahora bien, se abre el Popup con la página popup.html. Una vez hecho esto, quiero que al oprimir una liga (ya sea imagen o texto) se cierre el popup y la ventana principal cambie a otra dirección.

Para hacerlo, debemos colocar esta liga en la página popup.html:

Clic para mostrar texto plano
HTML:
  1. <a href="javascript: window.opener.location.href = 'http://www.yahoo.com'; window.close();">Ciérrame y cambia de página la ventana principal</a>

Como puedes ver hay dos instrucciones de JavaScript, la primera modifica el URL de la ventana principal y la segunda cierra el popup.

opener hace referencia a la ventana desde la cual se mandó llamar el popup.

Para hacerlo en Flash

Si en tu Popup tienes una animación en Flash y quieres hacer lo mismo, es sencillo, coloca este código en un botón:

Clic para mostrar texto plano
Actionscript:
  1. on(release) {
  2.    getURL("javascript: window.opener.location.href = 'http://www.yahoo.com'; window.close();");
  3. }

]]> http://www.viale.mx/2007/06/25/como-cerrar-un-popup-y-dirigir-la-ventana-principal-a-otro-url-con-javascript/feed/ 0 Exportar película de Flash a AVI con Windows Media Video 9 VCM http://www.viale.mx/2007/05/22/exportar-pelicula-de-flash-a-avi-con-windows-media-video-9-vcm/?utm_source=rss&utm_medium=rss&utm_campaign=exportar-pelicula-de-flash-a-avi-con-windows-media-video-9-vcm http://www.viale.mx/2007/05/22/exportar-pelicula-de-flash-a-avi-con-windows-media-video-9-vcm/#comments Wed, 23 May 2007 01:37:54 +0000 Pablo Viale http://www.viale.com.mx/2007/05/22/exportar-pelicula-de-flash-a-avi-con-windows-media-video-9-vcm/ Si por azares del destino tienes que convertir una película de Flash a AVI, te habrás dado cuenta de que los AVIs resultantes quedan de un tamaño inmenso.

Aquí está un tip: Descárgate los CODECs de Windows Media Video 9 VCM, de esta dirección, o búscalos en la página de Microsoft o Googlealos.

Instálalos.

En Flash, exporta la película con la opción de menú Exportar Película (no con Publicar), asegúrate de que esté marcada la opción Compress Video para que te aparezca a continuación la pantalla de compresores, y oprime Ok.

En la pantalla de compresores elige el recién instalado Microsoft Windows Media Video 9 y si quieres más configuraciones, haz clic en Configurar.

Listo, exporta tu AVI.

El mismo archivo comprimido con un codec de los que vienen por default puede reducirse de 200MB a 2MB con una calidad impresionante.

]]> http://www.viale.mx/2007/05/22/exportar-pelicula-de-flash-a-avi-con-windows-media-video-9-vcm/feed/ 1 Modificar el cursor en botones de Flash http://www.viale.mx/2007/04/23/modificar-el-cursor-en-botones-de-flash/?utm_source=rss&utm_medium=rss&utm_campaign=modificar-el-cursor-en-botones-de-flash http://www.viale.mx/2007/04/23/modificar-el-cursor-en-botones-de-flash/#comments Tue, 24 Apr 2007 00:06:09 +0000 Pablo Viale http://www.viale.com.mx/2007/04/23/modificar-el-cursor-en-botones-de-flash/ Por default, los botones de Flash muestran el cursor de mano Mano cuando se pasa el mouse sobre ellos. En ocasiones puede resultar útil o necesario que no se muestre la mano, sino el puntero regular: Flecha.

Si queremos hacer esto, colocamos el siguiente código de Actionscript en nuestro botón:

Clic para mostrar texto plano
Actionscript:
  1. on(rollOver){
  2.    boton.useHandCursor = false;
  3. }

Y listo.

]]> http://www.viale.mx/2007/04/23/modificar-el-cursor-en-botones-de-flash/feed/ 0