Adobe User Group Córdoba Argentina AUG CBA

FLV Video con Flash MX 2004

Si me permiten una recomendación yo particularmente soy de la opinión que si el video puede enfatizar el producto o servicio que el cliente provee el insertarlo es de caracter impresindible, por lo cual me pareció interesante compartir con ustedes como agregar video utilizando el componente “MediaPlayback” y como hacerlo con ActionScript.

Previo a entrar en la parte técnica quiero mostrarles este gráfico estadístico en el cual veran porque es recomendable usar Flash Video por sobre otras tecnologías.

Como se puede apreciar el 97.5 % de las computadoras que tienen acceso a internet a nivel mundial cuenta con el plugin instalado y si consideramos que en sistemas operativos que se están popularizando como Linux ya no es mayor problema instalarlo tenemos un espectro aun mayor.

Existen dos maneras para usar FLV, ya sea con componentes o sin ellos (es decir con ActionScript solamente).

Utilizando componentes:

1) Con Flash MX 2004 abierto, apretamos CTRL + F7 que nos abrira el “Panel de Componentes”, allí encontraremos dentro de la categoria Media Component el MediaPlayback, al que arrastramos hasta el escenario.

2) Con el componente ya en el escenario y seleccionado, presionaremos ALT+F7 o que nos abrirá el “Panel inspector de componentes”, en la solapa “Parametros” podremos definir el tipo de Medio a reproducir (en este caso FLV), la URL donde estará ubicado el archivo FLV y listo, ya tenemos nuestro reproductor de FLV.

Tengan en cuenta que si el video se encuentra en la misma carpeta que el swf publicado en URL pondremos nombre_de_video.flv, no así si estuviera en otra carpeta distinta que tendremos que defirnir la url como “videosnombre_de_video.flv”

Fla y video con componente

Hasta ahora todo muy facil, veamos ahora como nos va con ActionScript, tranquilos que es aun mas fácil.

Utilizando ActionScript:

1) A diferencia que el anterior metodo no abriremos el “Panel de componentes”, sino que abriremos la biblioteca presionando CTRL + L, en el “Panel de biblioteca” a la derecha del titulo del panel encontraremos un menú en el cual seleccionaremos “Nuevo video”, de inmediato se agregará dentro de la biblioteca con el nombre “Video incorporado”, lo arrastramos hasta el escenario y definimos como Nombre de instancia “video_externo”.

2) Para este tipo de carga de video dijimos que utilizaríamos ActionScript, por lo cual, crearemos una nueva capa en la linea de tiempo principal y seleccioanremos el primer fotograma, allí presionando F9 abriremos el “Panel de acciones” y pondremos el siguiente codigo:

var conexion:NetConnection = new NetConnection();
conexion.connect(null);
var video:NetStream = new NetStream(conexion);
video_externo.attachVideo(video);
video.play("test.flv");


Fla y video utilizando ActionScript

Deben tener en cuenta que en esta modalidad se presinden de los controles de reproducción, por lo cual tendrán que hacer sus propios controles.

Un tip útil y al paso, creen un boton y en su acción definan lo siguiente:

on (release) {
video.pause();
}
Ese código les permitirá para pausar como para reproducir el video.

A grandes rasgos eso sería todo.
Prueben la pelicula y veran como el video se reproduce sin mayor inconveniente.

Espero les haya servido al menos para incursionar brevemente en estas nuevas posiblidades que Flash nos presenta, prometo que el próximo lo hacemos con Flash 8 y marcaremos, si existen, cuales son las diferencias.