MONTAJE DE VIDEO. Paso 1: Instale el servidor de video(flash media server 4.0).

Transcripción

1 MONTAJE DE VIDEO Paso 1: Instale el servidor de video(flash media server 4.0). Paso 2: dentro del servidor en la ruta C:\Program Files\Adobe\Flash Media Server 4 Pegar el video en cual quiera de las tres carpetas disponibles para alojar los videos (samples, aplication o webroot) dentro de una de las opciones mencionadas en la carpeta vod. Se recomienda alojarlos en webroot. Paso 3. Ubicar la carpeta de samples y seleccionarla. Paso 4: Ya dentro de samples ubicar y entrar en la carpeta videoplayer. Paso 5: en esta carpeta abre el documento html videoplayer, el cual te permite generar el código para crear el reproductor de nuestro video. Paso 6. Ubicar la opción STREAM URL. Paso 7. Introducir el nombre de nuestro video. Paso 8. Elegir la opción VOD o LIVE y pulsar el botón PLAY STREAM para cargar el video en el reproductor y nos genere el código. Paso 9. Copiar el código generado en la parte inferior de la página. Paso 10. Ya que se tiene el código se procede a pegarlo en nuestro sitio, tomando en cuenta que se debe de cambiar el localhost por la dirección de red por la que distribuirá el video. Vea los ejemplos: se COORDINACIÓN DE INNOVACION EDUCATIVA Página 1

2 <object width='640' height='377' id='strobemediaplayback' name='strobemediaplayback' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b ' ><param name='movie' value='swfs/strobemediaplayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='true' /> <param name='flashvars' value= '&src=rtmp://localhost/vod/mp4:edicion1.f4v&autohidecontrolbar=true&streamtype=v od&autoplay=true'/><embed src='swfs/strobemediaplayback.swf' width='640' height='377' id='strobemediaplayback' quality='high' bgcolor='#000000' name='strobemediaplayback' allowfullscreen='true' flashvars='&src=rtmp://localhost/vod/mp4:edicion1.f4v&autohidecontrolbar=true&stre amtype=vod&autoplay=true' type='application/x-shockwave-flash'> </embed></object> Este es el código que se genera en un principio para su reproducción de una manera local. Como sabemos se debe de cambiar el localhost por la dirección de red a distribuir en este caso se tienen las siguientes direcciones disponibles: Red interna (U.M.S.N.H) Red externa El siguiente ejemplo muestra cómo debe de quedar el código para distribuirlo a través de la red, en este caso se distribuye a través de la red externa. El código es el siguiente: <object width='645' height='377' id='strobemediaplayback' name='strobemediaplayback' type='application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf- 96b ' > <param name='movie' value='swfs/strobemediaplayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='true' /> <param name='flashvars' value= '&src=rtmp:// /vod/mp4:edicion1.f4v&autohidecontrolbar=t rue&streamtype=vod&autoplay=false'/> <embed src='swfs/strobemediaplayback.swf' width='645' height='377' id='strobemediaplayback' quality='high' bgcolor='#000000' name='strobemediaplayback' allowfullscreen='true' flashvars='&src=rtmp:// /vod/mp4:edicion1.f4v&autohideco ntrolbar=true&streamtype=vod&autoplay=false' type='application/x-shockwave-flash'> </embed> </object> COORDINACIÓN DE INNOVACION EDUCATIVA Página 2

3 De acuerdo a la extensión y a la carpeta donde se encuentren alojados los videos, el código puede variar un poco, por ejemplo si se tiene un video con extensión f4v el código que se genera es como el que se mostro en los ejemplos antes mostrados. En dado caso que <object se tenga width='640' un video height='377' en formato id='strobemediaplayback' FLV el código muestra name='strobemediaplayback' una pequeña diferencia type= ejemplo: 'application/x-shockwave-flash' classid='clsid:d27cdb6e-ae6d-11cf-96b ' > <param name='movie' value='swfs/strobemediaplayback.swf' /> <param name='quality' value='high' /> <param name='bgcolor' value='#000000' /> <param name='allowfullscreen' value='true' /> <param name='flashvars' value= '&src=rtmp://localhost/vod/edicion1&autohidecontrolbar= true&streamtype=vod&autoplay=true'/><embed src='swfs/strobemediaplayback.swf' width= '640' height='377' id='strobemediaplayback' quality='high' bgcolor='#000000' name=' StrobeMediaPlayback' allowfullscreen='true' flashvars='&src=rtmp://localhost/vod/edicion1&autohidecontrolbar=true&streamtype=vod&aut oplay=true' type='application/x-shockwave-flash'> </embed></object> Como puede observar en este ejemplo a diferencia de los anteriores se cuenta únicamente con el nombre del video, y no muestra la extensión del mismo ni se le antepone MP4 (mp4:edicion.f4v) como es el caso de los primeros ejemplos. Esto es debido a que este video es de extensión FLV. Paso 11. El reproductor de video viene configurado por defecto para que automáticamente inicie la reproducción desde el momento en que el usuario entra al video. Si se desea cambiar esta propiedad, lo único que debe realizar es buscar la propiedad autoplay=true' y cambiarla a autoplay=false' para que la reproducción inicie hasta que el usuario presione el botón play. COORDINACIÓN DE INNOVACION EDUCATIVA Página 3

4 ARCHIVOS XML En la carpeta de configuración es donde se encuentran los archivos xml los cuales se requirió modificar parte de su estructura para adaptarlos de acuerdo a las necesidades de los posibles usuarios, para ser más preciso los documentos que se modificaron fueron: Adaptor.xml Aplication.xml El archivo adaptor.xml nos permite configurar puertos y protocolos que necesitemos para lograr que se lleve a cabo la transmisión de los videos en la red, los protocolos que maneja flas media server son: http rtmp rtmpe rtmfp Se hace mención que se está trabajando con el protocolo rtmp. La ruta para entrar a al archivo adaptor es la siguiente. C:\Program Files\Adobe\Flash Media Server 4\conf\_defaultRoot_\Adaptor.xml En el archivo aplication.xml se puede asignar el ancho de banda de descarga del video. El ancho de banda de descarga que traía por defecto era de 4096 bytes y se modifica para que quede en el nivel más bajo 128 bytes. Esto con el objetivo de que usuarios con escaso ancho de banda también puedan ver los videos. La ruta para entrar a este archivo es la siguiente. C:\Program Files\Adobe\Flash Media Server 4\conf\_defaultRoot_\_defaultVHost_\Application.xml COORDINACIÓN DE INNOVACION EDUCATIVA Página 4

5 La etiqueta que se manipula para modificar el ancho de banda de descarga del cliente es <OutChunkSize>, vea el ejemplo siguiente. También dentro de este archivo application se puede asignar el tiempo de espera del cliente, es decir el tiempo máximo en que un usuario esperaría para completar la transferencia, el valor que trae configurado por defecto es de 60 segundos. A continuación se muestra la ubicación de dicha etiqueta La etiqueta que nos permite modificar o asignar el tiempo de espera para concluir la transferencia del video es <MaxTimeout>. Véase el ejemplo anterior. COORDINACIÓN DE INNOVACION EDUCATIVA Página 5