Post on 12-Jan-2015
description
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?