En este tutorial se va a proceder a explicar la inclusión de un video en flash para que posteriormente pueda ser visualizado desde Internet en streaming una vez se encuentre subido en nuestro servidor. Como podrán ver, es tán sencillo como seguir un asistente y posteriormente cambiar unos detalles.

Para los que querais tener los archivos que he empleado en el tutorial, los podeis descargar desde aquí: Video en Flash CS3

Es un simple tutorial en que paso por paso se va a ir explicando como poder conseguir tener nuestro video en Internet. Vayamos a ello pues:

1.- Lo primero que tenemos que tener es nuestro video preparado:

2.- Lo segundo que tenemos que hacer es crear nuestra película flash:

3.- Seguidamente vamos a importar a nuestra película flash el video que teníamos preparado:

4.- Nos aparecerá una pantalla en la que tenemos que dejar la primera opción señalada y seguidamente pinchar en el botón examinar y ahí elegiremos nuestro video en la ruta en que lo tengamos almacenado:

5.- Después de haber seleccionado nuestro video, tenemos que pulsar sobre siguiente. Es ahí entonces donde nos aparecerá la siguiente ventana y tendremos que dejar señalado la siguiente opción:

6.- Lo siguiente que nos saldrá despues de seguir avanzando en el asistente es una ventana en la que nos dará la opción de poder acortar el video (entre otras cosas) en esa misma ventana:

7.- En esa misma ventana, encontramos diferentes pestañas en las que podemos tocar la calidad final que queremos dar a nuestro video, la calidad de sonido y algunos posibles detalles más de edición:

8.- Seguimos avanzando en el asistente y por último lo que nos aparece es la opción de poder elegir la skin que queramos para nuestro reproductor. Podemos elegir entre diferentes tipos, desde los que solo dan la opción de parar-arrancar la reproducción y deshabilitar-habilitar el sonido hasta los reproductores más completitos en los que nos dejen modificar el volumen:

Después de darle por última vez a siguiente nos saldrá una ventana en la que nos indicará los pasos que el programa va a hacer. En un breve resumen lo que hará será:

• Nos pedirá guardar el archivo flash si hasta el momento no se había guardado.
• Nos indicará donde se encuentra el video que va a codificarse.
• Nos indicará que tras su codificación deberemos copiar el archivo que nos generará (con extensión .flv) a nuestro servidor web.
• Nos dirá donde se procederá a generar el archivo .flv con la codificación.
• Y por último nos indica que para poder utilizar el skin que hemos seleccionado para colocarlo junto al video también se generará un archivo que también es necesario subirlo al servidor.

9.- Una vez que aceptemos esa pantalla de finalización del asistente nos saldrá una ventana muy parecida a esta:

En esta pantalla encontramos la información referente a las opciones que le hemos dado a la hora de codificación del video y el tiempo transcurrido y restante.10.- Al finalizar esa ventana, en el escenario de flash nos aparecerá el componente de video. Ya tenemos nuestra película preparada para poder reproducir nuestro video:

11.- Este componente su función es coger y leer el archivo .flv que se ha generado con la codificación del video y reproducirlo en nuestra película flash. Es aquí donde si pinchamos en este componente que tenemos en el escenario y nos vamos a la pantalla de componentes veremos todas sus propiedades. Hay una en concreto que nos interesa bastante, y es la de la ruta del archivo .flv:

12.- Bien, esa propiedad que nos indica donde se encuentra el archivo .flv es necesario modificarla, ya que si la dejamos tal como se encuentra en la imagen de arriba podremos reproducir sin problemas nuestro video en local, pero jamás en Internet. Es necesario que en esa propiedad le indiquemos la ruta en que se encuentra nuestro archivo .flv que tendremos que tener subido a nuestro hosting:

Una vez que hallamos cambiado la ruta, debemos guardar el archivo de nuestra película flash, publicarlo y posteriormente subirlo a nuestro hosting.

En resumen, en nuestro servidor debemos tener el archivo con extensión .flv (que es el video codificado), nuestra película .swf y nuestro archivo del skin que es otro .swf.

Espero que les haya gustado y sobre todo que sirva de ayuda a alguien.

Trackback URI | Comentarios RSS