Flash CS3 Curso Prctico

Ejercicio

Control de un vdeo con botones

INTRODUCCIN
Vamos a realizar un sencillo ejercicio en el que mediante el uso de botones controlaremos la reproduccin, paro, avance, retroceso, etc. de un vdeo importado a Flash.

IMPORTACIN Y UBICACIN DEL VDEO

En primer lugar vamos a descargar el video coche.avi desde la red y guardarlo en la carpeta de este ejercicio. Dicho vdeo era originalmente de formato AVI pero ha sido convertido en Flash Vdeo (FLV) mediante un convertir de video. Recuerde que debe crear los documentos nuevos preparados para trabajar con ActionScript 2.0. 1 2 Mediante la orden Archivo/Importar/Importar a biblioteca , importe como vdeo incorporado el vdeo coche.flv. Seguidamente, desde la biblioteca arrastre una instancia del vdeo y depostelo en el centro de la escena. Cuando vaya a hacer esto se abrir una ventana informndole de que debe crearse una serie de fotogramas para poder albergar el vdeo. Pulse en S y el recuadro del vdeo aparecer en la escena. Sitelo ligeramente desplazado hacia arriba.

Si ahora arrastra el cabezal de la lnea de tiempo, podr reproducir manualmente el vdeo y, si pulsa Ctrl + Intro para reproducir la pelcula de Flash, el vdeo se reproducir automticamente. As pues, lo que vamos a hacer ahora es crear una serie de botones que, mediante las acciones adecuadas, nos permitirn controlar sin problemas la reproduccin del vdeo.

FLASH CS3

Ejercicio 3: CONTROL DE UN VDEO CON BOTONES

3
UBICACIN DE LOS BOTONES
3 Cree una nueva capa y renmbrela como botones . De paso, renombre la capa actual como vdeo . Mediante la orden Ventana /Bibliotecas comunes/Botones, abra la biblioteca de botones que viene con el programa. De la carpeta /classic buttons/Playback arrastre a la escena una instancia de cada uno de los siguientes botones del tipo playblack : step back , step forward , go to end , stop , play y rewind . Sitelos como indica la figura ayudndose para ello del panel Alinear. Seguidamente, seleccione todos los botones a la vez y mediante la herramienta Transformacin libre aumente su tamao para que resulten ms aparentes.

UBICACIN DE LAS ACCIONES

6 Bien, ya slo falta colocar en cada botn las acciones necesarias para que produzcan los resultados. Vamos a verlo. Sin embargo, antes de nada, seleccione el primer fotograma de la capa vdeo y asgnele una accin stop para evitar el arranque automtico del vdeo cuando se reproduzca la pelcula Flash. Seleccione el botn y en el panel Acciones introduzca el siguiente cdigo para programar el arranque del vdeo cuando se haga clic en este botn: on(press) { play(); } Seleccione ahora el botn y en el panel Acciones introduzca el siguiente cdigo para programar la parada del vdeo cuando se haga clic en este botn: on(press) { stop(); } Seleccione ahora el botn y en el panel Acciones introduzca el siguiente cdigo para programar el retroceso de un fotograma del vdeo cuando se haga clic en este botn: on(press) { prevFrame(); }

10 Seleccione ahora el botn y en el panel Acciones introduzca el siguiente cdigo para programar el avance de un fotograma del vdeo cuando se haga clic en este botn: on(press) { nextFrame(); }

FLASH CS3

Ejercicio 3: CONTROL DE UN VDEO CON BOTONES

3
11 Sigamos. Seleccione ahora el botn y en el panel Acciones introduzca el siguiente cdigo para programar el rebobinado del vdeo hasta el principio cuando se haga clic en este botn: on(press) { gotoAndStop(1); } 12 Finalmente, seleccione ahora el botn y en el panel Acciones introduzca el siguiente cdigo para programar el avance del vdeo hasta el final cuando se haga clic en este botn. Observe la inclusin de la propiedad _totalframes que identifica el nmero total de fotogramas en la pelcula y puede obtener el valor del ltimo fotograma: on(press) { gotoAndStop(_totalframes); } 13 Reproduzca la pelcula pulsando Ctrl + Intro y observe cmo puede arrancar, parar, avanzar, retroceder cuadro a cuadro el vdeo, etc.