All Articles Flash
Realización de Video Clips interactivo en Adobe Flash CS5
David Smith on Wed, February 15th 0 comments
Regardless of the fact Flash isn't supported on iOS devices, it is still the standard video player type on the web today. David Smith shows how to make interactive controls for video in Adobe Flash.

Flash ha sido un conducto popular para la entrega de video en la web desde hace bastante tiempo, y en-a pesar de los rumores sobre el futuro de Flash como una herramienta de publicación en la Web, con el crecimiento de HTML5 y dispositivos móviles seguirá siendo popular durante algún tiempo sin embargo, creo.

Experiencia de la mayoría de la gente de Flash video entregado es con el uso de controles en pantalla como un juego y pausa que podría estar sentado en la ventana de vídeo o tal vez superpuesta sobre el vídeo, poco transparente y tal vez sólo aparece cuando el video se dio la vuelta. Esto es todo muy bien si tiene la intención de ofrecer este nivel de control de usuario desde el principio. Hay otras opciones de cómo el usuario interactúa con el video sin embargo, y en este artículo voy a explorar lo que creo que es uno de los mejores.


Paso 1 - Importar vídeo en Flash

Con su proyecto de Flash abierto, seleccione Archivo

import video box

La ventana de vídeo de importación


Echemos un vistazo a la lucha contra de cada opción de uno en uno.


Paso 2 - Encuentra el clip de vídeo

Haga clic en el botón Examinar y busque el archivo de vídeo en su sistema. Si el clip de vídeo es un archivo de Flash Video (. Flv), entonces usted está listo para pasar al siguiente paso. Es igual de probable que el archivo que va a utilizar es un archivo de Quicktime. Mov o similar. Por desgracia, Flash no lo aceptará. Así que vamos a convertirlo en un archivo. Flv.


Paso 3 - Uso Media Encoder

En el menú de importación de Flash Video, hay una opción en la parte inferior de la ventana de lanzamiento de Adobe Media Encoder, haga clic en este.

Media Encoder

Media Encoder


Media Encoder se abrirá con su archivo. Mov o similar ya está cargado. Cada columna establece un parámetro diferente para su conversión de vídeo, tales como qué tipo de archivo a codificar y dónde guardar la copia convertida a.

En la columna Formato de optar por convertir a la FLV/F4V. En los presets de elegir FLV - igualar los atributos de la fuente (calidad media) y luego ponga el archivo de salida a su escritorio por lo que este archivo es fácil de encontrar de nuevo.

Haga clic en el botón Inicio y, a la cola de espera hasta Media Encoder finalizado su tarea. Luego Media Encoder cerca y volver a Flash. Finalmente busque el escritorio y seleccione el nuevo archivo FLV para la importación.


Paso 4 - Añadir un componente de la piel

Para ayudar a entender realmente la diferencia entre los 2 métodos para añadir y controlar el vídeo en Flash por primera vez vamos a crear una película de vídeo contenido en un aspecto del componente. Esta es probablemente la forma en la mayoría de los usuarios experimentar las películas de destello en línea.

Elige el video de carga externa con la opción de la reproducción del componente de la ventana de importación de vídeo y haga clic en Continuar.

flash skin menu

El menú de la piel de Flash


Una selección de opciones de la piel están disponibles, algunos que se ciernen sobre el clip de vídeo y otros que se colocarán debajo de ella. Algunos incluyen reproducción / pausa, volumen / silencio y Navegación y algunos contienen simplemente reproducir y pausar.

Use el menú desplegable y vista previa de unos pocos a ver lo que más le guste. También hay opciones de tinte y la opacidad para ayudar a completar el look. Una vez que tenga el estilo de su prensa la próxima elección. Aparecerá una ventana con un resumen de su solicitud para que usted compruebe otra vez. Suponiendo que todo está bien, haga clic en Finalizar.


Paso 5 - Componente Colocar en la escena 1

Un componente de vídeo aparece de nuevo en el panel Biblioteca. Coge el componente y arrastrarlo a la escena 1. Cambiar el tamaño del vídeo con la W y los parámetros de H en el panel Propiedades o utilice las manijas de tamaño re-de la escena 1, si es necesario.

component on screen

El componente en la pantalla


Agregue el nombre de la instancia componentMovie_mc porque es una buena práctica y guardar y poner a prueba la escena (pulse Comando + Retorno). La película aparece con la piel aplicada, presiona el juego y un largo etc pausa para probar el componente. Bonito y sencillo, sin embargo, quizás también un poco aburrido?


Paso 6 - Importar vídeo nuevo

Esta vez vamos a tratar de una opción más interesante. Antes de importar, crear un símbolo de clip de película en la biblioteca y el nombre de VideoPlay_mc. A continuación, importe de la misma película de nuevo, sólo que esta vez optar por incrustar el vídeo en la línea de tiempo en las opciones de importación.

import to timeline

Importe de línea de tiempo


Y haga clic en siguiente.


Paso 7 - Insertar vídeo como un MC

Un segundo menú aparecerá, esta vez preguntando cómo incrustar el vídeo. Mantenga las opciones establecidas en "instancia lugar en el escenario y ampliar la línea de tiempo" si es necesario. Estas opciones se coloca la película incrustada en el símbolo denominado VideoPlay_mc y ampliar la línea de tiempo para incluir a todos los fotogramas.

embed to MC options

Integrar a las opciones de MC


Haga clic en Continuar y, como en la versión de la piel de componentes aparece un resumen detallando su solicitud. Compruebe si hay errores ahora que no hay manera de volver a estas opciones una vez que haya importado el vídeo. A continuación, haga clic en Finalizar.


Paso 8 - Coloque el clip de película incorporado

En la Biblioteca ocurren dos cosas. En primer lugar, el clip de vídeo importado aparece con un icono de película pequeña cámara. No trate de usar esto en su proyecto, sólo tiene que estar ahí para ser embebido en el archivo SWF. En segundo lugar el clip de película denominado VideoPlay_mc ahora contiene fotogramas de un clip de vídeo importado.

MC in library

MC en la biblioteca


Este clip de película contiene el archivo de vídeo que acaba de importar extendió a través de marcos sin embargo, muchos se requieren por el vídeo en función de su longitud.

Consejo: Haga doble clic en el icono de clip de película para abrirlo y echar un vistazo a cuántos cuadros se están utilizando. Podría haber cientos.


Paso 9 - Añadir a la escena 1

Arrastre el clip de película con el archivo de vídeo incorporado en la escena 1 y colocarlo cerca de la imagen

The placed movie clip

La película coloca clip de


En el nombre del panel de propiedades este clip de película videoPlay_mc instancia (nota de la v minúscula para el nombre de la instancia)

Paso 10 - Parar el clip

Si el resultado es la escena ahora, la película que se coloca justo sería función de reproducción automática de un bucle, y no hay forma de controlarlo. Así que para añadir algunos controles de usuario que primero se va a detener la película en la fuente.

Abra el clip de película que contiene el vídeo incrustado en la Biblioteca para que pueda ver todos los cientos de fotogramas de vídeo en la capa 1. Haga clic derecho en el fotograma 1 y en el menú, seleccione Acciones.

Haga clic en el cuadro 1


En el panel de acciones de tipo stop ();

Esto mantendrá la barra de reproducción de películas en el fotograma 1 hasta que se indique lo contrario.


Paso 11 - Escribe este codigo

Vuelta a la escena una ventana y abra el Panel de Acciones, una vez más. Escriba el siguiente código:

The code

El código


Este código a su vez, el videoclip en un botón que se desempeñan.


Paso 12 - Probar escena

Pruébelo, pulse Comando + Retorno para ver el archivo SWF con las dos películas y haga clic en el segundo clip de película para iniciar la reproducción.


Paso 13 - Modificar el Código

En lugar de hacer clic en el botón, permite cambiar de modo que la película se reproduce cuando su rodó! Eso puede ser una manera interesante para añadir interacción del usuario.

Cambie el código de clic en el panel Acciones para MOUSE_OVER. Esto cambia el caso de un clic para una transferencia para iniciar el jugar de la película.

The

El nuevo código


Paso 14 - Probar escena

Pulse Comando + Retorno de nuevo y ver por ti mismo.

Si no funciona, asegúrese de comprobar lo siguiente:

  • ¿Sabía usted escribe el nombre de instancia correctamente, tiene que ser la ortografía exacta mismo que la primera palabra en el código.
  • ¿Ha puesto alguna, donde debería haber.? ¿O viceversa?
  • Revise la ortografía, la gramática de casos y de todo el código en comparación con el código aquí. Un error que matar a los muertos.


    De lo contrario se divierten!

Comments (0)

You must be logged in to comment.

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: