3.11 EDITAR VIDEO.

Usar componentes para controlar la película es muy sencillo, sólo deberás arrastrarlos desde el Panel Componentes al Escenario y escribir unas pocas líneas en el Panel Acciones.

BackButton: retrocede el flujo del vídeo al punto de referencia inmediatamente anterior o en su defecto al inicio de éste.

BufferingBar: muestra el progreso de descarga del vídeo.

ForwardButton: avanza el flujo del vídeo al punto de referencia inmediatamente posterior o en su defecto al final de éste.

FullScreenButton: cambia al modo de pantalla completa.

MuteButton: establece el volumen de la película directamente a 0. Actuaría de forma similar a la línea:

PauseButton: pausa la película en el momento en el que se pulse el botón.

PlayButton: reaunda (o comienza) la reproducción a partir de donde se encuentre el cabezal de reproducción de vídeo.

PlayPauseButton: una mezcla de los dos anteriores, es capaz de pausar y reanudar la reproducción desde un mismo control.

SeekBar: desde esta barra avanzar y retroceder manualmente por la línea de flujo de la película.

StopButton: detiene la reproducción y posiciona el cabezal de reproducción al principio del vídeo.

VolumeBar: permite el aumento o disminución del volumen del vídeo mediante una barra de volumen.

Una vez añadidos los componentes necesarios al Escenario tendrás que darle un nombre de instancia y luego asociarlo al reproductor empleando ActionScript. Básicamente, el reproductor tiene una propiedad que coincide con el tipo de componente, por lo que hay que asignar cada instancia a su propiedad correspondiente. Un ejemplo sería el siguiente:

1 2 3 4 5 6 7 8 9 10

miVideo.playButton = miBotonPlay; miVideo.pauseButton = miBotonPausa; miVideo.playPauseButton = miBotonPausaPlay; miVideo.stopButton = miBotonStop; mVideo.backButton = miBotonAtras; miVideo.forwardButton = miBotonAdelante; miVideo.muteButton = miBotonSilencio; miVideo.volumeBar = miBarraVolumen; miVideo.seekBar = miBarraDeslizadora; miVideo.bufferingBar = miBarraProgreso;

El componente se asociará al vídeo y funcionará por sí solo. Fácil, ¿verdad?

Puedes modificar los componentes que añadas al Escenario haciendo doble clic sobre ellos y cambiando su forma, tamaño o color.

Crear controles propios no es muy complicado en Flash CS5. Sólo tienes que crear los botones que consideres necesarios y utilizar las propiedades del componente FLVPlayback.

Puedes recurrir al panel Fragmentos de código donde encontrarás códigos muy útiles con las funciones básicas.

play(): reproduce el vídeo.

pause(): detiene el vídeo conservando su posición actual.

Esta línea colocará la cabeza lectora en el segundo 5 y reproducirá a partir de ahí.
 volume: define el volumen del vídeo. Puedes introducir un valor entre 0 y 100.

3.9 EXPORTAR VIDEO.

Tengo una animacion bastante compleja en flash y necesito exportarla a video para pasarla por final cut. El caso es que como contiene varios movie clips me ocurre la historia de siempre que los movie clips salen parados. Encontre un formato para exportarlo que me lo hace perfecto. Es export movie como quick time, no quick time video. Este archivo luego lo puedo importar en final cut, la unica pega es que me obliga a publicar como Flash 5.<br><br>La historia es la siguiente. Algunos movie clips tienen desenfoques, de los filtros de flash 8 y al exportar como Flash 5 los pierdo. Sabeis alguna manera de exportarlo que me respete los movie clips y los efectos? Ahora pensaba en secuencia de PNG pero no estoy seguro de que exporte los movie clips...

El vídeo, no se reproduce directamente. Lo hace a través de un reproductor, un componente del tipo FLVPlayback.

Otra forma de insertar un vídeo en el escenario, es creando primero este componente, e indicándole el vídeo a reproducir. Podemos hacerlo a través del Panel Componentes, accesible desde el menú desde Ventana → Componentes→ FLVPlayback.

Desde el inspector de Propiedades podemos configurarlo. Veamos sus opciones:

Align: especifica el diseño del vídeo. Por ejemplo, lo podemos centrar con center.

AutoPlay: puede tomar los valores true o false. Indican si el vídeo debe reproducirse nada más abrir el archivo o esperar a una orden para empezar a reproducirse.

CuePoints: indica los puntos de referencia que están incluidos en la película. Una vez importada la película a formato flv no pueden ser modificados los puntos codificados, aunque sí los de ActionScript.

IsLive: puede tomar los valores true o false. Este campo se utilizará para la transmisión de vídeo en vivo y sólo podrá utilizarse a través de un servidor de Streaming.

Preview: Permite obtener una previsualización desde una imagen png.

ScaleMode: Indica si se altera la escala del vídeo: si muestra su tamaño original, si se ajusta al tamaño de la escena, etc...

Skin: desde aquí podemos modificar la apariencia de los controles de la película y seleccionar uno entre los predefinidos.

SkinAutoHide: puede tomar los valores true o false. Indicará si los controles se pueden esconder para volver a aparecer cuando el cursor se sitúe sobre la película.

skinBackgroundAlpha establece la transparencia del fondo del skin, y skinBackgroundColor su color.

source es el archivo de vídeo que se mostrará en el reproductor.

Volume: de 0 a 100. Indica el volumen máximo del vídeo.

A parte de las que se muestran en el panel, existen otras propiedades que pueden sernos útiles:

AutoRewind: puede tomar los valores true o false. Indica si el vídeo deberá volver a la posición inicial después de haberse reproducido completamente, o tras hacer un stop.

AutoSize: puede tomar los valores true o false. Indica si el control deberá ajustarse al tamaño del vídeo, o por el contrario deberá ser el vídeo el que se ajuste al tamaño del control.

BufferTime: especifica el número de segundos que se almacenarán en la memoria antes de que se inicie la reproducción del vídeo.

TotalTime: indica el tiempo total del vídeo.

Recuerda que todas estas propiedades son accesibles desde ActionScript.

Una vez insertada la película mediante la adición de este componente o por importación deberemos darle un nombre de instancia para poder referirnos a él. Hazlo desde este mismo panel o desde el Panel Propiedades.

3.8 IMPORTAR VIDEO

Lo primero que deberemos hacer es transformar nuestro vídeo de formato avi, mpeg, mov, wmv o dv al formato que utiliza Flash: flv.

Este formato, además de crear archivos de vídeo de buena calidad muy comprimidos, te permitirá introducir puntos de referencia desde donde controlaremos la interacción del entorno de la película con el vídeo.

Haz clic en Archivo → Importar → Importar vídeo para empezar a configurar el archivo .flv que crearemos.

Se abrirá una pantalla como ésta:

Aquí deberás seleccionar el archivo que quieres importar para utilizarlo en tu película. Haz clic en el botón Examinar y búscalo en tus carpetas. Cuando lo hayas encontrado pulsa el botón Aceptar y estarás listo para seguir pulsando el botón Siguiente.

También es posible marcar la opción Ya se ha implementado en un servidor Web, Flash Vídeo Streaming Service o Flash Communication Server. En este caso deberás introducir la URL del archivo, que previamente habrá sido preparado para poder utilizarlo en Flash.

La siguiente pantalla te permitirá seleccionar el aspecto del reproductor:

La siguiente pantalla te mostrara la información del video que vamos a exportar, donde se importara, etc:

Puntos de referencia

El vídeo se puede mostrar como un flujo, simplemente reproducirlo y pararlo. Pero podemos hacer más, podemos hacer que se pueda navegar a determinados momentos del vídeo, o que se produzca un evento cuando alcance una posición determinada. Pero para hacer todo esto, tenemos que trabajar con puntos de referencia.

Podemos ver Puntos de referencia desde el panel de Propiedades del componente de vídeo:

Existen dos tipos de puntos de referencia diferentes: puntos de referencia codificados y puntos de referencia de ActionScript.

Los puntos de referencia codificados se añaden al codificar el vídeo con Adobe Media Encoder. Pueden ser de Navegación o de Evento.

Creando puntos de Navegación podremos referenciarnos más tarde a ellos para saltar en la película. Sería algo así como crear capítulos sobre los que podremos navegar utilizando botones y ActionScript.

El punto de Referencia de Evento nos permitirá crear interacciones con el resto de objetos en la película. Estos puntos nos permitirán pasar parámetros que podremos recuperar mediante ActionScript.

En la imagen anterior, vemos que hay 3 puntos de Navegación, a los cuales acudiremos pulsando los botones para saltar entre los capítulos de la película. Luego hemos añadido 4 puntos de Evento desde los que pasaremos un parámetro que hará que se muestre determinado fotograma de un clip que se encontrará en el Escenario.

Realiza el siguiente ejercicio paso a paso para ver cómo Crear Puntos de Referencia Codificados.

Los puntos de ActionScript, como su nombre indica, se codifican mediante ActionScript. Por ello, podemos añadirlos directamente desde el panel de Propiedades. Para hacerlo no tenemos más que desplazar el cabezal del vídeo hasta el momento en el que lo queramos añadir, y pulsar el icono más + del panel.

Tanto los puntos de ActionScript como los codificados, pueden enviar parámetros, lo que nos permite recibir información.