Creación de aplicaciones con el componente FLVPlayback

Se puede incluir el componente FLVPlayback en la aplicación de las maneras siguientes:

  • Arrastre el componente FLVPlayback del panel Componentes al escenario y especifique un valor para el parámetro source .

  • Use el Asistente de importación de vídeo para crear el componente en el escenario y personalizarlo eligiendo un aspecto.

  • Utilice el constructor FLVPlayback() para crear dinámicamente una instancia de FLVPlayback en el escenario, suponiendo que el componente se encuentre en la biblioteca.

    Nota: si se crea una instancia de FLVPlayback con ActionScript, también se le debe asignar un aspecto, estableciendo la propiedad skin mediante código ActionScript. Cuando se aplica un aspecto de este modo, no se publica automáticamente con el archivo SWF. Se deben copiar al servidor de aplicaciones el archivo SWF de aplicación y el archivo SWF de aspecto ya que, de lo contrario, el archivo SWF de aspecto no estará disponible cuando se ejecute la aplicación.

Arrastre el componente FLVPlayback desde el panel Componentes

  1. En el panel Componentes, haga clic en el signo más (+) para abrir la entrada de vídeo.

  2. Arrastre el componente FLVPlayback al escenario.

  3. Con el componente FLVPlayback seleccionado en el escenario, busque la celda Valor del parámetro source en la ficha Parámetros del inspector de componentes e introduzca una cadena que especifique una de las opciones siguientes:

    • Una ruta de acceso local a un archivo de vídeo

    • Un URL a un archivo de vídeo

    • Un URL de un archivo SMIL (Syncrhonized Multimedia Integration Language) que describa la forma de reproducir un archivo de vídeo

      Para más información sobre cómo crear un archivo SMIL para describir uno o varios archivos FLV, consulte Uso de un archivo SMIL .

  4. En la ficha Parámetros del inspector de componentes, con el componente FLVPlayback seleccionado en el escenario, haga clic en la celda Valor para el parámetro skin .

  5. Haga clic en el icono de lupa para abrir el cuadro de diálogo Seleccionar aspecto.

  6. Seleccione una de las opciones siguientes:

    • En la lista desplegable Aspecto, seleccione uno de los aspectos prediseñados para asociar un conjunto de controles de reproducción al componente.

    • Si ha creado un aspecto personalizado, seleccione URL de aspecto personalizado en el menú desplegable e introduzca en el cuadro URL el URL del archivo SWF que contiene el aspecto.

    • Seleccione Ninguno y arrastre componentes individuales de interfaz de usuario personalizados de reproducción de FLV al escenario para añadir controles de reproducción.

      Nota: en los primeros dos casos, aparece una previsualización del aspecto en el panel de visualización situado encima del menú emergente. Se puede utilizar el selector de color para cambiar el color del aspecto.

      Para cambiar el color de un control de interfaz de usuario personalizado, es necesario personalizarlo. Para más información sobre la utilización de controles personalizados de la interfaz de usuario, consulte Aplicación de aspectos a componentes individuales de interfaz de usuario personalizados de reproducción FLV .

  7. Haga clic en Aceptar para cerrar el cuadro de diálogo Seleccionar aspecto.

  8. Seleccione > Control Probar película para ejecutar el archivo SWF e iniciar el vídeo.

    El siguiente procedimiento utiliza el asistente de importación de vídeo para añadir un componente FLVPlayback:

Uso de Asistente de importación de vídeo:

  1. Seleccione Archivo > Importar > Importar vídeo.

  2. Seleccione una de las siguientes opciones para indicar la ubicación del archivo de vídeo:

    • En mi equipo local

    • Ya se ha implementado en un servidor web, Flash Video Streaming Service o Flash Media Server

  3. En función de su elección, debe indicar la ruta del archivo o la URL que especifica la ubicación del archivo de vídeo. A continuación, haga clic en Siguiente.

  4. Si ha seleccionado una ruta de archivo, aparecerá un cuadro de diálogo Implementación, donde puede seleccionar una de las opciones enumeradas para especificar cómo desea implementar el vídeo:

    • Descarga progresiva desde un servidor web estándar

    • Flujo de Flash Video Streaming Service

    • Flujo de Flash Media Server

    • Incorporar vídeo en SWF y reproducir en la línea de tiempo

      Importante: no elija la opción de incorporar vídeo. El componente FLVPlayback sólo reproduce flujo de vídeo externo. Esta opción no colocará un componente FLVPlayback en el escenario.

  5. Haga clic en Siguiente.

  6. Seleccione una de las opciones siguientes:

    • En la lista desplegable Aspecto, seleccione uno de los aspectos prediseñados para asociar un conjunto de controles de reproducción al componente.

    • Si ha creado un aspecto personalizado para el componente, seleccione URL de aspecto personalizado en el menú emergente e introduzca en el cuadro URL el URL del archivo SWF que contiene el aspecto.

    • Seleccione Ninguno y arrastre componentes individuales de interfaz de usuario personalizados de reproducción de FLV al escenario para añadir controles de reproducción.

      Nota: en los primeros dos casos, aparece una previsualización del aspecto en el panel de visualización situado encima del menú emergente.

  7. Haga clic en Aceptar para cerrar el cuadro de diálogo Seleccionar aspecto.

  8. Lea el mensaje del cuadro de diálogo Finalizar importación de vídeo para ver qué sucederá a continuación y después haga clic en Finalizar.

  9. Si no ha guardado el archivo FLA, aparecerá un cuadro de diálogo Guardar como.

  10. Seleccione > Control Probar película para ejecutar el archivo SWF e iniciar el vídeo.

    El siguiente procedimiento añade el componente FLVPlayback mediante código ActionScript.

Creación dinámica de una instancia mediante código ActionScript:

  1. Arrastre el componente FLVPlayback del panel Componentes al panel Biblioteca (Ventana > Biblioteca).

  2. Añada el siguiente código al panel Acciones, en el fotograma 1 de la línea de tiempo. Cambie install_drive por la unidad en la que instaló Flash y modifique la ruta de acceso para reflejar la ubicación de la carpeta Skins en la instalación:

    En un equipo con Windows: 

    import fl.video.*; 
var my_FLVPlybk = new FLVPlayback(); 
my_FLVPlybk.x = 100; 
my_FLVPlybk.y = 100; 
addChild(my_FLVPlybk); 
my_FLVPlybk.skin = "file:///install_drive|/Program Files/Adobe/Adobe Flash CS5/en/Configuration/FLVPlayback Skins/ActionScript 3.0/SkinOverPlaySeekMute.swf" 
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";

    En un equipo con Macintosh: 

    import fl.video.*; 
var my_FLVPlybk = new FLVPlayback(); 
my_FLVPlybk.x = 100; 
my_FLVPlybk.y = 100; 
addChild(my_FLVPlybk); 
my_FLVPlybk.skin = "file:///Macintosh HD:Applications:Adobe Flash CS5:Configuration:FLVPlayback Skins:ActionScript 3.0SkinOverPlaySeekMute.swf" 
my_FLVPlybk.source = "http://www.helpexamples.com/flash/video/water.flv";
    Nota: si no se establecen las propiedades source y skin , el clip de película generado aparece vacío.

  3. Seleccione Control > Probar película para ejecutar el archivo SWF e iniciar el archivo de vídeo.