Tutorial de Flash Video FLV para Flash


Cuando planificamos una web, siempre nos preguntamos ¿si debemos o no? colocar un video. Actualmente, tenemos muchas formas de hacerlo, utilizando diversos programas que nos permiten publicar un video en línea, uno de ellos es utilizando Macromedía Flash 2004, ya que nos permite utilizar el streaming. Antes de continuar, explicaremos a groso modo algunos conceptos básicos.
Streaming
La ventaja de utilizar streaming, es que nos permite escuchar y visualizar los archivos de audio y/o video mientras se van descargando en nuestros ordenadores, evitando así, la larga espera de tener nuestro archivo completo.
El streaming funciona de una manera muy simple, nuestro ordenador al detectar un archivo con streaming, comienza a descargarlo y va creando un buffer donde comienza a guardar la información, una vez que este buffer contenga una pequeña parte de los datos empezara a reproducir el audio o video mientras continúa el resto de la descarga. Este tipo de proceso lo apreciamos en Real Player o el Windows Medía Player que necesitan tener los plugins instalados.
VIDEO en FLASH vs otros reproductores con STREAMING
En más de una ocasión, nosotros hemos tenido la oportunidad de ver video en web, y en muchas de estas, lo hicimos utilizando algún programa de streaming, si bien es cierto, funciona correctamente si tenemos el plugins instalado, no sucede lo mismo cuando nuestro usuario no lo tiene, este tendrá que bajarlo e instalarlo para poder apreciar el video, acto que puede demorar unos minutos sagrados en Internet.
Si bien es cierto, para observar películas de Macromedía Flash 2004 también debemos tener el respectivo plu-ing, la posibilidad de que nuestro usuario lo tenga es muy alta. En la versión de Macromedía Flash 2004, el streaming forma parte de este paquete permitiendo así la reproducción de audio y video de una manera fácil y sencilla, sin necesidad de reproductores y/o plugins adicionales.
FORMATOS PERMITIDOS POR MACROMEDIA FLASH 2004
Con Macromedía Flash 2004 podemos importar un video de diferentes formatos:
Si tiene instalado QuickTime 4 o posterior (Windows y Macintosh), pueden importarse los siguientes formatos de archivo de vídeo incorporado:
<table align="center" border="1" cellpadding="0" cellspacing="0"> <tbody> <tr bgcolor="#cccccc"> <td valign="top"> Tipo de archivo
</td> <td valign="top"> Extensión
</td> </tr> <tr> <td valign="top"> Audio Video Interleaved
</td> <td valign="top"> .avi
</td> </tr> <tr> <td valign="top"> Digital Video
</td> <td valign="top"> .dv
</td> </tr> <tr> <td valign="top"> Motion Picture Experts Group
</td> <td valign="top"> .mpg, .mpeg
</td> </tr> <tr> <td valign="top"> Película QuickTime
</td> <td valign="top"> .mov
</td> </tr> </tbody> </table>
Si tiene instalado DirectX 7 o posterior (sólo en Windows), pueden importarse los siguientes formatos de archivo de vídeo incorporado:
<table align="center" border="1" cellpadding="0" cellspacing="0"> <tbody> <tr bgcolor="#cccccc"> <td valign="top"> Tipo de archivo
</td> <td valign="top"> Extensión
</td> </tr> <tr> <td valign="top"> Audio Video Interleaved
</td> <td valign="top"> .avi
</td> </tr> <tr> <td valign="top"> Motion Picture Experts Group
</td> <td valign="top"> .mpg, .mpeg
</td> </tr> <tr> <td valign="top"> Archivo de Windows Medía
</td> <td valign="top"> .wmv, .asf
</td> </tr> </tbody> </table>
FLV
Así como podemos importar video en Macromedía Flash 2004, de la misma forma podemos exportar un video ya introducido en nuestra librería, la extensión es FLV, que representa las siglas de Flash Video, formato que en la versión de Flash MX sólo tenía acceso con Flash Comúnication Server.
Los FLV son archivos de video comprimidos con el códec de video Sorenson Sparque que nos garantiza su perfecto funcionamiento.
Sorenson Sparque es un códec de vídeo en movimiento incluido en Flash que permite añadir contenido de vídeo incorporado a Flash. Sparque es un codificador/decodificador de vídeo de alta calidad que disminuye enormemente el ancho de banda necesario para publicar imágenes en Flash y, al mismo tiempo, aumenta la calidad de vídeo. Con la inclusión de Spark, Flash da un importante paso hacia delante en materia de capacidad de vídeo. En Flash 5 o anteriores sólo se podía simular vídeo mediante imágenes secuenciales de mapa de bits.
IMPORTAR VIDEO EN FLASH

  1. Abrimos Macromedía Flash 2004
  2. Importamos con <ctrl +="" r=""> y buscamos nuestro video</ctrl>
  3. Nos aparece la ventana del asistente con dos opciones:
    • Importar todo el video
    • Editar primero el video, que nos permite cortar y/o hacer pequeños clip de nuestro video en cuestión, y muy fácil de aplicar y lo veremos en el anexo 1




  1. Suponiendo que nuestro video ya este editado, le damos a la primera opción (importar todo el video).
  2. Nos aparece Perfil de compresión, para nuestro ejemplo escogemos 512, le damos al botón EDICIÓN. Las opciones para personalizar el ancho de banda van de 0 Kbps a 750 Kbps, y especifican la velocidad apróximada de descarga del vídeo, en kilobits por segundo. La configuración de calidad de vídeo, que oscila entre 0 y 100, especifica el nivel de compresión de todos los fotogramas. También es posible especificar una velocidad de fotogramas clave. La velocidad de descarga puede variar para lograr un nivel de compresión uniforme. Como verán, podemos jugar con el Ancho de Banda y la Calidad, acto que nos permite manejar el peso de nuestro FLV, en este caso, no moveremos nada. Demos al botón Atras
  3. Ahora veamos Configuración Avanzada, demos al botón EDICIÓN. Como todo en Macromedía Flash 2004 es importante, obviaremos algunas cosas para centrarnos en la parte que tiene relevancia aquí, utilizaremos donde dice ESCALA para modificar el tamaño en que se apreciara nuestro video, yo recomiendo, en forma exagerada, poner 300px o en todo caso, deacuerdo al diseño que ya tienes planificado. Tenemos una vista previa que nos ayuda en todo momento. Damos al botón siguiente.
  4. Ponemos el nombre a nuestra configuración con una descripción para recordarlo en otro momento. Botón Siguiente.
  5. Y señores, el esperado FINALIZAR.


Nos saldrá un mensaje diciendo que necesitamos más fotogramas para nuestro video, le damos a SI. Apreciaremos que tenemos nuestro video en la línea de tiempo y en la librería apareció un nuevo elemento con icono de cámara de video, ese es nuestro VIDEO INCORPORADO, que aun no es FLV, lo vamos hacer ahora mismo.

  1. Abrimos nuestra librería o biblioteca y le damos clic derecho a nuestro video incorporado, vamos a propiedades y escogemos EXPORTAR, le damos la RUTA donde guardar nuestro FLV y eso es todo.


Bien, tenemos nuestro FLV y ahora tenemos que reproducirlo, para eso hay dos formas básicas de hacerlo, podemos usar el componente MediaPlayBak o ActionScript puro, lo haremos de las dos formas.
Con Componente

  1. Abrimos nuestro Macromedía Flash 2004 y apretamos <ctrl>+F7</ctrl>
  2. Se vera la ventana de Componetes, le damos al (+) de MEDIA COMPONENTES y arrastramos al escenario o stage el componente MEDIAPLAYBACK.
  3. Teniendo seleccionado el componente apretamos <alt>+F7</alt>
  4. Se vera la ventana del Inspector de Componentes, teniendo la pestaña Parámetros seleccionada podemos escoger entre FLV o MP3, le damos FLV
  5. En URL colocamos la dirección de nuestro archivo FLV (a Macromedía Flash 2004 le falto un examinar, pero bueno, seguimos), si esta en el mismo nivel nuestro SWF actual y el video, solo ponemos: video.flv y si esta en una carpeta le ponemos: mi_carpeta/video.flv
  6. Y ahora corre tu Flash, listo, ya funciona


Con ActionScript
Antes de empezar, prepararemos todo en el flash para cargar el FLV externo

  1. Abrimos nuestro Macromedía Flash 2004 y apretamos <ctrl>+ L, para abrir la librería o biblioteca</ctrl>
  2. Y en la pestaña superior derecha de la ventana le damos a NUEVO VIDEO
  3. Vemos que en la librería apareció un objeto nuevo con nombre por defecto “Video Incorporado”
  4. Arrastramos este objeto a nuestro escenario y le colocamos nombre de instancia “mi_video”


Para esta forma de cargar un video FLV usaremos el siguiente codigo:

var conexion:NetConnection = new NetConnection();
conexion.connect(null);
var stream:NetStream = new NetStream(conexion);
mi_video.attachVideo(stream);
stream.play("video.flv");
Y ya tenemos todo listo, probemos la película.
Explicación del código:
Se crea la instancia “conexión” de l a clase NetConnection que proporciona los medios para reproducir archivos FLV de flujo desde una unidad local o una dirección HTTP.
Con conexion.connect(null); abre una conexión local mediante la que puede reproducir archivos de vídeo (FLV) desde una dirección HTTP o desde el sistema de archivos local.
Creamos una instancia “stream” de la Clase NetStream que proporciona métodos y propiedades para reproducir archivos de Flash Video (FLV) del sistema de archivos local o de una dirección http
Ahora asociamos la instancia stream a nuestro objeto mi_video del escenario
Y terminamos con el método play() del objeto NetStream dándole la ruta de nuestro FLV