Uso de ActionScript y Uso de ActionScript y componentes para componentes para

controlar videocontrolar videoUnidad 11Unidad 11

ObjetivosObjetivos Uso del componente FLVPlayback para Uso del componente FLVPlayback para

trabajar con archivos de videotrabajar con archivos de video Modificar los parámetros del Modificar los parámetros del

componente FLVPlaybackcomponente FLVPlayback Manejar el componente FLVPlayback Manejar el componente FLVPlayback

con ActionScript.con ActionScript. Uso del componente FLVCaptioningUso del componente FLVCaptioning Trabajar con un archivo XML tipo Trabajar con un archivo XML tipo

Timed-Text.Timed-Text.

ObjetivosObjetivos Usar un componente Colorpicker para Usar un componente Colorpicker para

modificar el skin de un componente modificar el skin de un componente FLVPlaybackFLVPlayback

Usar el componente deslizador para Usar el componente deslizador para modificar la transparencia del skin de modificar la transparencia del skin de video.video.

Detectar cuando el video terminó de Detectar cuando el video terminó de reproducirse.reproducirse.

Leer un archivo XML como lista de Leer un archivo XML como lista de reproducción.reproducción.

Utilizar las opciones de “pantalla Utilizar las opciones de “pantalla completa” para el videocompleta” para el video

Formatos F4v y FLVFormatos F4v y FLV

De forma predeterminada, De forma predeterminada, Adobe Media Encoder codifica vídeo Adobe Media Encoder codifica vídeo para utilizarlo con Flash en el formato para utilizarlo con Flash en el formato de vídeo F4V utilizando el códec de de vídeo F4V utilizando el códec de vídeo H.264 para su uso con Flash vídeo H.264 para su uso con Flash Player 9.0.r115 y posterior, y en el Player 9.0.r115 y posterior, y en el formato FLV con el códec On2 VP6 para formato FLV con el códec On2 VP6 para su uso con Flash Player 8 y el códec su uso con Flash Player 8 y el códec Sorenson Spark para su utilización con Sorenson Spark para su utilización con Flash Player 7.Flash Player 7.

http://help.adobe.com/es_ES/AdobeMediaEncoder/4.0/WS053EA898-B158-4c20-8147-FE0881119BE2.html

F4VF4V

El formato F4V NO soporta el canal El formato F4V NO soporta el canal alfa. El formato FLV (en compresión alfa. El formato FLV (en compresión On2VP6) se puede manejar el canal On2VP6) se puede manejar el canal alfa.alfa.

El formato F4V permite manejar alta El formato F4V permite manejar alta calidad de video (HD) con el mismo calidad de video (HD) con el mismo tamaño que el FLV.tamaño que el FLV.

Podemos crear archivos F4V desde e Podemos crear archivos F4V desde e paquete Adobe Media Encoder.paquete Adobe Media Encoder.

Skins del FLVPlaybackSkins del FLVPlayback

Para manejar el skin de un video, se Para manejar el skin de un video, se generan archivos swf que deben ser generan archivos swf que deben ser subidos al servidor junto con la subidos al servidor junto con la aplicación.aplicación.

Se cuentan con dos características Se cuentan con dos características nuevas: manejo del color y su nuevas: manejo del color y su transparencia.transparencia.

Para aprender a hacer tus propios skins, Para aprender a hacer tus propios skins, visita: visita: http://www.adobe.com/devnet/video/http://www.adobe.com/devnet/video/

El componente El componente FLVCaptioningFLVCaptioning

El componente FLVCaptioning El componente FLVCaptioning permite subtitular un video con un permite subtitular un video con un archivo XML en formato TimeText.archivo XML en formato TimeText.

http://help.adobe.com/en_US/AS3LCRhttp://help.adobe.com/en_US/AS3LCR/Flash_10.0/TimedTextTags.html/Flash_10.0/TimedTextTags.html

Formato TimeTextFormato TimeText Las etiquetas de estilo soportadas son:Las etiquetas de estilo soportadas son: tts:backgroundColortts:backgroundColor

– The entire text area has the same background color. You can set it at any supported tag The entire text area has the same background color. You can set it at any supported tag leve, but it will effect every paragraph, span, and so on in the currently visible leve, but it will effect every paragraph, span, and so on in the currently visible captioning text.captioning text.

– Support for all legal color representations, however, the alpha component is ignored Support for all legal color representations, however, the alpha component is ignored unless set to 0. If alpha is 0, no background color displays. A value of transparent is unless set to 0. If alpha is 0, no background color displays. A value of transparent is treated as alpha 0.treated as alpha 0.

tts:colortts:color– Support for all legal color representations, however, the alpha component is ignored. A Support for all legal color representations, however, the alpha component is ignored. A

value of transparent is treated as black.value of transparent is treated as black. tts:fontFamilytts:fontFamily tts:fontSizetts:fontSize

– Support for the first (vertical) value only (if two fontSizes exist)Support for the first (vertical) value only (if two fontSizes exist)– Units are optional (assumed to be in pixels). Support for absolute (for example, 12) and Units are optional (assumed to be in pixels). Support for absolute (for example, 12) and

relative (for example +2)relative (for example +2)– Percentage values are not supportedPercentage values are not supported

tts:fontStyletts:fontStyle tts:fontWeighttts:fontWeight tts:textAligntts:textAlign tts:wrapOptiontts:wrapOption

Distinguir entre los Distinguir entre los eventos COMPLETEeventos COMPLETE

Cuando se termina de cargar un Cuando se termina de cargar un archivo de video, se genera un archivo de video, se genera un evento COMPLETE de la clase Event.evento COMPLETE de la clase Event.

Cuando se termina de reproducir un Cuando se termina de reproducir un video, se genera un evento video, se genera un evento COMPLETE de la clase VideoEvent.COMPLETE de la clase VideoEvent.

La clase VideoEvent, se encuentra en La clase VideoEvent, se encuentra en el paquete fl.video.VideoEvent, por lo el paquete fl.video.VideoEvent, por lo que que siempresiempre hay que importarla. hay que importarla.

Publicación para el modoPublicación para el modofull-screenfull-screen

La manera más sencilla La manera más sencilla de ver un video en de ver un video en pantalla completa, es pantalla completa, es seleccionar un skin que seleccionar un skin que tenga esta propiedad y tenga esta propiedad y publicar el HTML, desde publicar el HTML, desde los parámetros de los parámetros de publicación (publish publicación (publish settings) para permitir el settings) para permitir el full-screenfull-screen

Preguntas de revisiónPreguntas de revisión

Nombra el componente de Flash que Nombra el componente de Flash que permite ejecutar y controlar los permite ejecutar y controlar los videos.videos.

¿Cuáles son los dos formatos que ¿Cuáles son los dos formatos que maneja Flash Video?maneja Flash Video?

¿Cuál es el formato que maneja el ¿Cuál es el formato que maneja el componente FLVCaptioning?componente FLVCaptioning?

¿Cuál es el evento emitido cuando ¿Cuál es el evento emitido cuando finaliza de reproducirse un video?finaliza de reproducirse un video?