Accesibilidad
Recursos de desarrolladores

Contenido

Guía de aprendizaje de Flash Video: Adición de Flash Video a su sitio Web

Puede añadir Flash Video a sus páginas Web mediante dos métodos diferentes: utilizando Dreamweaver y utilizando Flash.

Antes de añadir vídeo a sus páginas, deberá decidir qué mecanismo de publicación desea utilizar: descarga progresiva o flujo. Para más información, consulte Opciones de publicación para Flash Video.

Puede utilizar Dreamweaver 8 para añadir vídeo rápidamente a su página Web sin tener que utilizar Flash. Si desea utilizar prestaciones avanzadas (como añadir interactividad, seleccionar entre una amplia gama de interfaces personalizados, establecer capas de vídeo con otra animación Flash y sincronizar el vídeo con texto y gráficos), utilice Flash.

Al añadir Flash Video a una página, también tendrá que añadir a ella un comportamiento para detectar Flash Player. En concreto, tendrá que comprobar que el visitante que intenta ver la página dispone de una versión de Flash Player que le permita ver el contenido ofrecido. Para obtener información sobre la detección de complementos, consulte el artículo de Robert Hoekman Best Practices for Flash Player Detection* (Prácticas recomendadas para la detección de Flash Player).

Importación de Flash Video a Dreamweaver

El siguiente procedimiento describe cómo añadir Flash Video a una página Web dentro de Dreamweaver. Debe disponer de un archivo Flash Video (FLV) codificado para poder comenzar.

Para añadir Flash Video a una página Web empleando Dreamweaver:

  1. Capture y/o codifique un archivo FLV. Para más información, consulte Captura y codificación de vídeo.
  2. Seleccione Insertar > Media > Flash Video.
  3. En el cuadro de diálogo Insertar Flash Video, seleccione Progressive Download o Streaming Video del menú emergente Tipo de vídeo.
  4. Complete el resto de opciones del cuadro de diálogo.

Puede seleccionar una opción que inserta código con el fin de detectar la versión de Flash Player necesaria para ver Flash Video y que pide al usuario que descargue la versión más reciente de Flash Player si éste no dispone de la versión correcta.

Para ver un tutorial sobre la creación de un proyecto en Dreamweaver que incluye Flash Video, consulte el artículo de Jen deHaan, Presenting Video with the Flash Video Component in Dreamweaver 8* (Presentación de vídeo con el componente Flash Video en Dreamweaver 8).

Edición con Flash

Puede utilizar el entorno de edición de Flash para crear una interfaz completa que reproduzca el vídeo en el navegador.

El siguiente procedimiento describe cómo utilizar componentes para editar Flash Video. Puede importar archivos de vídeo ya implementados en un servidor Web, o bien puede seleccionar un archivo almacenado localmente en su equipo y cargarlo en el servidor una vez lo haya importado a su archivo FLA. Para obtener información sobre la codificación manual de controles de vídeo mediante ActionScript, vaya a la sección Flash LiveDocs*, "Reproducción dinámica de archivos FLV externos". (Seleccione Utilización en Flash > Trabajo con vídeo > Reproducción dinámica de archivos FLV externos.)

Para importar vídeo para descarga progresiva

  1. Para importar el clip de vídeo al documento de Flash actual, seleccione Archivo > Importar > Importar vídeo.

    Se mostrará el asistente Importar vídeo

  2. Seleccione el clip de vídeo que desea importar. Puede seleccionar un clip almacenado en su equipo local o bien puede introducir la URL de un vídeo ya cargado en un servidor Web.
  3. Seleccione Descarga progresiva desde un servidor Web estándar
  4. (Opcional) si el vídeo no tiene formato FLV, el asistente Importar vídeo muestra el panel Codificación. Para más información sobre codificación de vídeo con el asistente Importar vídeo, consulte la sección Flash LiveDocs, "Selección de un perfil de codificación de vídeo". (Seleccione Utilización de Flash > Trabajo con vídeo > Codificación de vídeo > Selección de un perfil de codificación de vídeo.)
  5. Seleccione un aspecto para aplicar al clip. Puede elegir entre:

    • No utilizar ningún aspecto.
    • Elegir uno de los aspectos predefinidos.
    • Seleccionar un aspecto personalizado de diseño propio indicando su URL en el servidor. Para más información, consulte el artículo de Dan Carr titulado Personalización del componente FLVPlayback que figura en el Centro de desarrollo, o bien la sección de Flash LiveDocs "Creación de un nuevo aspecto". (Seleccione Referencia del lenguaje de componentes > Componente FLVPlayback (sólo Flash Professional) > Personalización del componente FLVPlayback > Creación de un nuevo aspecto.)

    El asistente Importar vídeo codifica el clip de vídeo de origen en formato FLV (si no está ya en este formato) y crea en el escenario un componente de vídeo con el que puede probar localmente cómo se reproduce.

  6. Cargar los siguientes activos al servidor Web que aloja el vídeo:

    • El clip de vídeo codificado (localizado en la misma carpeta que el clip origen pero con extensión .flv).

      Nota: Si el clip de vídeo tiene formato FLV, Flash utiliza una ruta relativa para señalar el archivo FLV (en referencia al SWF), lo que le permite utilizar localmente la misma estructura de directorios que en el servidor.

    • El aspecto (si decide utilizar uno).

      Si decide utilizar un aspecto predefinido, Flash lo copia en la misma carpeta que el archivo FLA.

    • El componente de vídeo.

      Con el inspector de componentes, deberá cambiar el campo URL del componente por la URL del servidor Web en la que se carga el vídeo. Para más información, consulte la sección de Flash LiveDocs "Especificación del parámetro contentPath". (Seleccione Utilización de Flash > Trabajo con vídeo > Utilización del componente FLVPlayback (sólo Flash Professional) > Especificación del parámetro contentPath.)

Para importar vídeo para flujo de Flash Video Streaming Service:

Puede importar archivos de vídeo ya implementados en un servidor Flash Media Server (anteriormente Flash Communication Server) o FVSS, o bien puede seleccionar un archivo almacenado localmente en su equipo y cargarlo en el servidor una vez lo haya importado a su archivo FLA.

  1. Para importar el clip de vídeo al documento de Flash actual, seleccione Archivo > Importar > Importar vídeo.

    Se mostrará el asistente Importar vídeo

  2. Seleccione el clip de vídeo que desea importar. Puede seleccionar un clip almacenado en su equipo local o bien puede introducir la URL de un vídeo ya cargado en su propio servidor Flash Media Server o en un servicio Flash Video Streaming Service (FVSS).
  3. Seleccione Flujo de Flash Video Streaming Service (FVSS) o Flujo de Flash Media Server (anteriormente Flash Communication Server).
  4. (Opcional) Si el vídeo no tiene formato FLV, puede utilizar el panel Codificación para seleccionar un perfil de codificación y recortar, ajustar y dividir el clip de vídeo.

    Nota: Este paso sólo es aplicable si se realiza la importación desde el equipo local. Los clips de vídeo ya implementados en un servidor deben haber sido codificados previamente en formato FLV.

    Si el vídeo no tiene formato FLV, el asistente Importar vídeo muestra el panel Codificación. Para más información sobre codificación de vídeo con el asistente Importar vídeo, consulte "Selección de un perfil de codificación de vídeo" en Flash LiveDocs. (Seleccione Utilización de Flash > Trabajo con vídeo > Codificación de vídeo > Selección de un perfil de codificación de vídeo.)

  5. Seleccione un aspecto para aplicar al clip. Puede elegir entre:

    • No utilizar ningún aspecto.
    • Elegir uno de los aspectos predefinidos.
    • Seleccionar un aspecto personalizado de diseño propio indicando su URL en el servidor.

    El asistente Importar vídeo codifica el clip de vídeo de origen en formato FLV (si no está ya en este formato) y crea en el escenario un componente de vídeo con el que puede probar localmente cómo se reproduce.

  6. Cargar los siguientes activos al servidor Flash Media Server o FVSS que aloja el vídeo:

    • El clip de vídeo codificado (localizado en la misma carpeta que el clip origen pero con extensión .flv).

      Nota: Si el vídeo ya ha sido implementado en el servidor Flash Media Server (o Flash Communication Server) o FVSS que lo aloja, omita el siguiente paso.

    • El aspecto (si decide utilizar uno).

      Si decide utilizar un aspecto predefinido, Flash lo copia en la misma carpeta que el archivo FLA.

    • El componente de vídeo

      debe cambiar el campo URL del componente FLVPlayback y especificar el servidor Web al que se va a cargar el vídeo.