ACTIONSCRIPT (AS) Dpto. Escultura. UPV. [video FLV]

Transcripción

1 ACTIONSCRIPT (AS) Dpto. Escultura. UPV. [video ]

2 IMPORTAR VIDEO: Importar video en formato (Flashvideo) Archivo> importar >importar video Formatos que podemos importar son: Si tenemos instalado QuickTime 4 o posterior:.avi,.mpg,.mpeg,.mov Si tenemos instalado DirectX7 o posterior:.avi,.mpg,.mpeg,.asf,.wmv

3 1. Cargar video externo con componente de reproducción. (Cargamos video externo) 2. Incorporar en SWF (Importar el video dentro de la película= más peso de la película) 3. Importar como vídeo de dispositivo ( para trabajar con móviles = Flash lite)

4 SELECTOR DE SKINS PARA EL PLAYER (En el caso de trabajar para un instación trabajaremos sin Skin en el player)

5

6 Aparecerá en nuestro escenario un como este con el tamaño del video que hayamos seleccionado al importarlo. Aparecerá en nuestra biblioteca el componente Playback. Este será nuestro objeto clave para poder programar acciones sobre el

7 CREAR CON MEDIA ENCODER SELECCIONAR ABRIR MEDIA ENCORER. SI NO LO TENEMOS INSTALADO, BUSCAREMOS UN PROGRAMA QUE NOS CONVIERTA NUESTRO VIDEO EN (FlashVideo)

8 CREAR CON MEDIA ENCODER AÑADIREMOS NUESTRO VÍDEO Y ELEGIREMOS EL FORMATO

9 CREAR CUE POINTS CON MEDIA ENCODER SI QUEREMOS CAMBIAR CUALQUIER COSA ANTES DE CONVERTIR PODEMOS HACERLO DESDE AJUSTES

10 CREAR CON MEDIA ENCODER Al terminar tendremos creado En nuestra carpeta seleccionada como salida un fichero /F4V

11 CREAR CUE POINTS CON MEDIA ENCODER 3. Una vez seleccionamos el segundo del video se activa el icono (+) y le ponemos nombre al punto del video y seleccionamos Evento en el tipo. Si queremos hacer mas anclas o cuepoints repetimos las acciones 2 (mover cursor) y 3 (poner nombre y evento) CALIDAD DE REPRODUCCION EN KBP X SEGUNDO

12 CREAR CUE POINTS CON FLASH 8/ MX CALIDAD DE REPRODUCCION EN KBP X SEGUNDO CODEC ON2 VP6 SELECTOR ZONA DE RENDER DE VIDEO Importar vídeo Con canal alfa Fondo transparente (.mov)-after Effects TAMAÑO

13 CREAR CUE POINTS CON FLASH 8/ MX 1 Al importar video Seleccionamos Puntos de referencia o cuepoints 2. Movemos el cursor Hasta el segundo que nos interesa hacerlo marca o cuepoint 3. Una vez seleccionamos el segundo del video se activa el icono (+) y le ponemos nombre al punto del video y seleccionamos Evento en el tipo. Si queremos hacer mas anclas o cuepoints repetimos las acciones 2 (mover cursor) y 3 (poner nombre y evento) IMPORTANTE: El nombre que pongamos A nuestros cuepoints es importante Ya que luego los llamaremos desde la Programación.

14 TABLAS DE TAMAÑOS DE FLUJOS SEGÚN VIDEOS

15 COMPONENTE PLABACK ANTES HEMOS VISTO QUE AL CARGAR EL VIDEO SE CREA EN LA BIBLIOTECA EL COMPONENTE PLAYBACK AUTOMÁTICAMENTE PERO También podríamos insertar el componente Playback desde: Ventana > componentes Seleccionamos Playback y lo arrastramos al escenario.

16 PROPIEDADES PLAYBACK En la pestaña de parámetros del componente tendremos una serie de parámetros claves para poder trabajar con el video. Es desde aquí desde donde gestionaremos parámetros básicos sin tener que programar sobre el componente Nombre de instancia del componente necesario para programar sobre el AutoPlay = true -> comienza automáticamente AutoRewing = true -> se autorebobina automáticamente Autosize = true -> coge el tamaño automáticamente del video original Autobuffer = numero -> cantidad de video detenido antes de ser reproducido contentpath = nombre del video. Flv (ruta donde esta el video en nuestro ordenador) cuepoints = nombre del cuepoint que hemos marcado al importar (ver cuepoints en el PDF) islive = true -> significa que esta emitiendo en streaming desde un Flash Media Server (false es por defecto) maintainaspectratio = true -> mantiene el aspecto ratio (tamaño) del video skin = nombre del skin del player si esta vacio significa que no hay botones del player skinautohide = true -> significa que el se esconde el skin (botones) del player después de que el ratón salga de los botones del skin totaltime = numero -> significa el numero total de segundos(en milisegundos) del video por defecto es 0 Volumen = número -> volumen del video oscila entre 0 y 100

17 PROPIEDADES PLAYBACK Si hubiéramos puesto CUEPOINTS Ahora en vuestra pestaña de parámetros Deberían aparecer los códigos de tiempo y nombres de los cuepoints que hemos hecho cuando importábamos el video

18 PROPIEDADES PLAYBACK PARA FLASH8/ MX En la pestaña de parámetros del componente tendremos una serie de parámetros claves para poder trabajar con el video. Es desde aquí desde donde gestionaremos parámetros básicos sin tener que programar sobre el componente AutoPlay = true -> comienza automáticamente AutoRewing = true -> se autorebobina automáticamente Autosize = true -> coge el tamaño automáticamente del video original Autobuffer = numero -> cantidad de video detenido antes de ser reproducido contentpath = nombre del video. Flv (ruta donde esta el video en nuestro ordenador) cuepoints = nombre del cuepoint que hemos marcado al importar (ver cuepoints en el PDF) islive = true -> significa que esta emitiendo en streaming desde un Flash Media Server (false es por defecto) maintainaspectratio = true -> mantiene el aspecto ratio (tamaño) del video skin = nombre del skin del player si esta vacio significa que no hay botones del player skinautohide = true -> significa que el se esconde el skin (botones) del player después de que el ratón salga de los botones del skin totaltime = numero -> significa el numero total de segundos(en milisegundos) del video por defecto es 0 Volumen = número -> volumen del video oscila entre 0 y 100 Nombre de instancia del componente necesario para programar sobre el

19 CUEPOINTS PARA FLASH8/ MX Ahora en vuestra pestaña de parámetros Deberían aparecer los códigos de tiempo y nombres de los cuepoints que hemos hecho cuando importábamos el video

20 Métodos Básicos para utilizar con código AS: nombredeinstancia.play(); -> hacer play vídeo nombredeinstancia.pause(); -> hacer pause vídeo nombredeinstancia.stop(); -> parar vídeo nombredeinstancia.volume = 50; -> cambiar volumen vídeo Propiedad básica: nombredeinstancia.playheadtime; -> Propiedad que nos informa de dónde se encuentra la cabeza lectora del vídeo. var donde = Mivideo.playheadTime; método básica: nombredeinstancia.seek( número); -> la cabeza reproductora se desplaza al segundo del vídeo indicado entre paréntesis. Mivideo.seek(10);

21 Si queremos programar sobre el podemos utilizar el asistente y el explorador de acciones en la pestaña de acciones COMPONENTES > PLAYBACK Hay que fijarnos que estamos Programado sobre el componente De

22 LOOP SIN FIN CON EL Para hacer un loop sin fin lo primero que tenemos que hacer es asignar un nombre de instancia al componente como hemos visto antes e introducir este código en la programación del propio. on(complete){ this.autorewind = true; // el mismo se auto rebobina this.play(); // el mismo se pone a play } Algunas posibilidades de control de video están en el ejemplo del FLA que esta anexo

23 Más info del componente: :) Prof. Moisés Mañas Carbonell Dpto. Escultura. UPV