1. Uso de ActionScript yUso de ActionScript y
componentes para controlarcomponentes para controlar
videovideo
Unidad 11Unidad 11

2. ObjetivosObjetivos
 Uso del componente FLVPlayback paraUso del componente FLVPlayback para
trabajar con archivos de videotrabajar con archivos de video
 Modificar los parámetros del componenteModificar los parámetros del componente
FLVPlaybackFLVPlayback
 Manejar el componente FLVPlayback conManejar el componente FLVPlayback con
ActionScript.ActionScript.
 Uso del componente FLVCaptioningUso del componente FLVCaptioning
 Trabajar con un archivo XML tipo Timed-Trabajar con un archivo XML tipo Timed-
Text.Text.

3. ObjetivosObjetivos
 Usar un componente Colorpicker paraUsar un componente Colorpicker para
modificar el skin de un componentemodificar el skin de un componente
FLVPlaybackFLVPlayback
 Usar el componente deslizador paraUsar el componente deslizador para
modificar la transparencia del skin de video.modificar la transparencia del skin de video.
 Detectar cuando el video terminó deDetectar cuando el video terminó de
reproducirse.reproducirse.
 Leer un archivo XML como lista deLeer un archivo XML como lista de
reproducción.reproducción.
 Utilizar las opciones de “pantalla completa”Utilizar las opciones de “pantalla completa”
para el videopara el video

4. Formatos F4v y FLVFormatos F4v y FLV
 De forma predeterminada,De forma predeterminada,
Adobe Media Encoder codifica vídeo paraAdobe Media Encoder codifica vídeo para
utilizarlo con Flash en el formato de vídeoutilizarlo con Flash en el formato de vídeo
F4V utilizando el códec de vídeo H.264F4V utilizando el códec de vídeo H.264
para su uso con Flash Player 9.0.r115 ypara su uso con Flash Player 9.0.r115 y
posterior, y en el formato FLV con elposterior, y en el formato FLV con el
códec On2 VP6 para su uso con Flashcódec On2 VP6 para su uso con Flash
Player 8 y el códec Sorenson Spark paraPlayer 8 y el códec Sorenson Spark para
su utilización con Flash Player 7.su utilización con Flash Player 7.
http://help.adobe.com/es_ES/AdobeMediaEncoder/4.0/WS053EA898-B158-4c20-8147-
FE0881119BE2.html

5. F4VF4V
 El formato F4V NO soporta el canal alfa.El formato F4V NO soporta el canal alfa.
El formato FLV (en compresión On2VP6)El formato FLV (en compresión On2VP6)
se puede manejar el canal alfa.se puede manejar el canal alfa.
 El formato F4V permite manejar altaEl formato F4V permite manejar alta
calidad de video (HD) con el mismocalidad de video (HD) con el mismo
tamaño que el FLV.tamaño que el FLV.
 Podemos crear archivos F4V desde ePodemos crear archivos F4V desde e
paquete Adobe Media Encoder.paquete Adobe Media Encoder.

6. Skins del FLVPlaybackSkins del FLVPlayback
 Para manejar el skin de un video, sePara manejar el skin de un video, se
generan archivos swf que deben sergeneran archivos swf que deben ser
subidos al servidor junto con la aplicación.subidos al servidor junto con la aplicación.
 Se cuentan con dos característicasSe cuentan con dos características
nuevas: manejo del color y sunuevas: 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/

7. El componente FLVCaptioningEl componente FLVCaptioning
 El componente FLVCaptioning permiteEl componente FLVCaptioning permite
subtitular un video con un archivo XML ensubtitular un video con un archivo XML en
formato TimeText.formato TimeText.
 http://help.adobe.com/en_US/AS3LCR/Flash_http://help.adobe.com/en_US/AS3LCR/Flash_

8. 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 leve, but itThe 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 captioning text.will effect every paragraph, span, and so on in the currently visible captioning text.
– Support for all legal color representations, however, the alpha component is ignored unless set to 0.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 treated as alpha 0.If alpha is 0, no background color displays. A value of transparent is treated as alpha 0.
 tts:colortts:color
– Support for all legal color representations, however, the alpha component is ignored. A value ofSupport for all legal color representations, however, the alpha component is ignored. A value of
transparent is treated as black.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 relative (forUnits are optional (assumed to be in pixels). Support for absolute (for example, 12) and relative (for
example +2)example +2)
– Percentage values are not supportedPercentage values are not supported
 tts:fontStyletts:fontStyle
 tts:fontWeighttts:fontWeight
 tts:textAligntts:textAlign
 tts:wrapOptiontts:wrapOption

9. Distinguir entre losDistinguir entre los
eventos COMPLETEeventos COMPLETE
 Cuando se termina de cargar un archivoCuando se termina de cargar un archivo
de video, se genera un eventode video, se genera un evento
COMPLETE de la clase Event.COMPLETE de la clase Event.
 Cuando se termina de reproducir unCuando se termina de reproducir un
video, se genera un evento COMPLETEvideo, se genera un evento COMPLETE
de la clase VideoEvent.de la clase VideoEvent.
 La clase VideoEvent, se encuentra en elLa clase VideoEvent, se encuentra en el
paquete fl.video.VideoEvent, por lo quepaquete fl.video.VideoEvent, por lo que
siempresiempre hay que importarla.hay que importarla.

10. Publicación para el modoPublicación para el modo
full-screenfull-screen
 La manera más sencillaLa manera más sencilla
de ver un video ende ver un video en
pantalla completa, espantalla completa, es
seleccionar un skin queseleccionar un skin que
tenga esta propiedad ytenga esta propiedad y
publicar el HTML, desdepublicar el HTML, desde
los parámetros delos parámetros de
publicación (publishpublicación (publish
settings) para permitir elsettings) para permitir el
full-screenfull-screen

11. Preguntas de revisiónPreguntas de revisión
 Nombra el componente de Flash queNombra el componente de Flash que
permite ejecutar y controlar los videos.permite ejecutar y controlar los videos.
 ¿Cuáles son los dos formatos que maneja¿Cuáles son los dos formatos que maneja
Flash Video?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 finaliza¿Cuál es el evento emitido cuando finaliza
de reproducirse un video?de reproducirse un video?