Adobe Animate puede incorporar material de archivo de vídeo digital en presentaciones por Internet. Los formatos de vídeo FLV y F4V (H.264) ofrecen ventajas tecnológicas y creativas que permiten fusionar vídeo con datos, gráficos, sonido y control interactivo. El vídeo FLV o F4V permite colocar fácilmente vídeo en una página web en un formato que pueden ver prácticamente todos los usuarios.

La forma en que decida implementar el vídeo determina la forma en que deberá crear e integrar el contenido de vídeo con Animate. Puede incorporar vídeo a Animate de las formas siguientes:

Flujo de vídeo con Adobe Media Server

Puede alojar contenido de vídeo en Adobe® Media Server, una solución de servidor optimizada para transmitir contenido multimedia en tiempo real. Adobe Media Server utiliza el protocolo RMTP (Real-Time Messaging Protocol), un protocolo diseñado para aplicaciones de servidor de tiempo real como son el flujo de contenido de vídeo y de audio. Puede gestionar su propio Adobe Media Server o utilizar un servicio Flash® Video® Streaming Service (FVSS). Adobe se ha asociado con varios proveedores de redes de entrega de contenido (CDN) para ofrecer servicios de entrega de archivos FLV o F4V bajo demanda en redes de alto rendimiento muy fiables. Incorporado directamente en Adobe Media Server e integrado directamente la infraestructura de entrega, seguimiento y generación de informes de la red CDN, FVSS constituye el medio de entrega más eficaz de entrega de archivos FLV o F4V a un público lo más amplio posible sin las complicaciones que implica configurar y mantener su propio hardware de servidor y su propia red.

Para controlar la reproducción de vídeo y proporcionar controles intuitivos para que los usuarios interactúen con el flujo de vídeo, utilice el componente FLVPlayback, Adobe® ActionScript® u Open Source Media Framework (OSMF). Para obtener más información sobre el uso de OSMF, consulte la documentación de OSMF.

Descarga progresiva de vídeo de un servidor web

Si no tiene acceso a Adobe Media Server o a FVSS, o si el vídeo necesita un sitio web limitado con cantidades fijas de contenido de vídeo, considere la descarga progresiva. La descarga progresiva de clips de vídeo de un servidor web no ofrece el rendimiento en tiempo real que Adobe Media Server pero, a cambio, le permite utilizar clips de vídeo relativamente largos reduciendo al mínimo el tamaño los archivos SWF publicados.

Utilice el componente FLVPlayback o ActionScript para controlar la reproducción de vídeo y facilitar a los usuarios controles intuitivos que les permitan interactuar con el vídeo.

Incorporación de vídeo en el documento de Animate

Puede incorporar un archivo de vídeo pequeño y de corta duración directamente en el documento de Animate y publicarlo como parte del archivo SWF. Incorporar contenido de vídeo directamente en el archivo SWF de Animate, aumenta considerablemente el tamaño del archivo publicado, se recomienda utilizarlo solo para archivos pequeños de vídeo (normalmente con una duración inferior a los 10 segundos). Asimismo, el audio para la sincronización de vídeo (también conocido como sincr. de audio/vídeo) se puede sincronizar de forma incorrecta al utilizar clips de vídeo de mayor duración en el documento de Animate. Otra desventaja de incorporar vídeo en el archivo SWF es que no es posible actualizar el vídeo sin volver a publicar el archivo SWF.

Nota:

Cuando se intenta publicar el archivo FLA con contenido de vídeo H.264 en una capa que no sea ni una capa de guía ni una capa oculta, aparece un mensaje de advertencia que indica que la plataforma en la que está publicando no admite los vídeos H.264 incorporados.

Control de reproducción de vídeo

Puede controlar la reproducción de vídeo en Animate con el componente FLVPlayback escribiendo custom ActionScript para reproducir un flujo de vídeo externo, o bien escribiendo custom ActionScript para controlar la reproducción de vídeo en la línea de tiempo para vídeo integrado.

Componente FLVPlayback

Permite añadir de forma rápida a su documento de Animate un control de reproducción FLV completo, y admite descarga progresiva y archivos FLV o F4V de flujo. FLVPlayback permite crear con facilidad controles de vídeo intuitivos para usuarios que controlan reproducción de vídeo y aplican aspectos previos, o bien aplican sus propios aspectos a la interfaz de vídeo. Para obtener más información, consulte el componente FLVPlayback .

Open Source Media Framework (OSMF)

OSMF permite a los desarrolladores seleccionar y combinar fácilmente componentes acoplables para crear experiencias de reproducción completas y de alta calidad. Para obtener más información, consulte la documentación de OSMF

Controlar vídeo externo con ActionScript

Reproduzca archivos FLV o F4V externos en un documento de Animate en tiempo de ejecución utilizando los objetos NetConnection y NetStream de ActionScript. Para obtener más información, consulte Control de reproducción de vídeo externo con ActionScript.

Puede utilizar comportamientos de vídeo (scripts predefinidos de ActionScript).

Controlar vídeo incorporado en la línea de tiempo

Para controlar la reproducción de archivos de vídeo incorporados, debe escribir ActionScript para controlar la línea de tiempo que contiene el vídeo. Para obtener más información, consulte Controlar la reproducción de vídeo con la línea de tiempo.

Asistente de importación de vídeo

El asistente de importación de vídeo simplifica el proceso de importación de vídeo en un documento de Animate y le guía por los pasos necesarios: seleccionar un archivo de vídeo existente e importar el archivo para su uso en uno de los tres contextos distintos de reproducción de vídeo. El asistente de importación de vídeo proporciona un nivel básico de configuración del método de importación y reproducción seleccionado, pero puede modificar los ajustes más adelante si lo desea.

El cuadro de diálogo de importación de vídeo contiene estas opciones de importación:

Cargar vídeo externo con componente de reproducción

Importa el vídeo y crea una instancia del componente FLVPlayback para controlar la reproducción del vídeo. Cuando esté listo para publicar el documento de Animate como SWF y cargarlo en el servidor web, también debe cargar el archivo de vídeo a un servidor web o a Adobe Media Server y configurar el componente FLVPlayback con la ubicación del archivo de vídeo cargado.

Incorporar FLV en SWF y reproducir en la línea de tiempo

Incorpora el archivo FLV en el documento de Animate. Cuando se importa vídeo por este procedimiento, se sitúa en la línea de tiempo, en la que pueden verse todos los fotogramas de vídeo representados en los fotogramas de la propia línea de tiempo. Un archivo de vídeo FLV incorporado forma parte del documento de Animate.

nota: Incorporar contenido de vídeo directamente en el archivo SWF de Animate aumenta considerablemente el tamaño del archivo publicado; se recomienda utilizarlo solo para archivos pequeños de vídeo. Asimismo, el audio para la sincronización de vídeo (también conocido como sincr. de audio/vídeo) se puede sincronizar de forma incorrecta al utilizar clips de vídeo de mayor duración en el documento de Animate.

Incorporación de vídeo H.264 en la línea de tiempo

Incorpora los vídeos H.264 en el documento de Animate.  Cuando se importa un vídeo con esta opción, se puede colocar en el escenario para utilizarlo como guía para la animación durante el diseño. Los fotogramas de vídeo se procesarán en el escenario a medida que se desplaza por la línea de tiempo o la reproduce. El audio para los fotogramas relevantes también se reproducirá.

Nota:

  •  Cuando se intenta publicar el archivo FLA con contenido de vídeo H.264 en una capa que no sea ni una capa de guía ni una capa oculta, aparece un mensaje de advertencia que indica que la plataforma en la que está publicando no admite los vídeos H.264 incorporados.

Formatos de vídeo y Animate

Para importar vídeo en Animate, debe codificarlo en formato FLV o H.264. El asistente de importación de vídeo (Archivo > Importar > Importar vídeo) verifica los archivos seleccionados para la importación y muestra una advertencia si el vídeo no se encuentra en un formato reproducible por Animate. Si el vídeo no está en formato FLV ni F4V, puede utilizar Adobe® Media® Encoder para codificar el vídeo con el formato adecuado.

Adobe Media Encoder

Adobe® Media® Encoder es una aplicación independiente de codificación empleada en programas como Adobe® Premiere® Pro, Adobe® Soundbooth® y Animate para generar determinados formatos de medios. Dependiendo del programa, Adobe Media Encoder proporciona un cuadro de diálogo Ajustes de exportación que incluye los numerosos ajustes asociados a determinados formatos de exportación, como, Adobe Flash Video y H.264. Para cada formato, el cuadro de diálogo Ajustes de exportación incluye varios ajustes preestablecidos adaptados a los medios de suministro concretos. También puede guardar ajustes preestablecidos personalizados para compartirlos con otros o recargarlos cuando sea necesario.

Para obtener información sobre la codificación de vídeo en formato H.264 o F4V utilizando Adobe Media Encoder, consulte El uso de Adobe Media Encoder.

Códecs de vídeo H.264, On2 VP6 y Sorenson Spark

Al codificar vídeo con Adobe Media Encoder, puede elegir de entre distintos códecs de vídeo con los que codificar contenido de vídeo para utilizarlo con Animate:

H.264

La compatibilidad con el códec de vídeo H.264 se incorporó a Flash Player en la versión 9.0.r115. El formato de vídeo F4V que utiliza este códec proporciona una mejor proporción calidad-velocidad de bits que los anteriores códecs de vídeo de Flash; sin embargo, necesita más recursos de equipo que los códec de vídeo Sorenson Spark y On2 VP6 incorporados en Flash Player 7 y 8.

nota: Si necesita utilizar vídeo con compatibilidad con el canal alfa para la composición, se debe usar el códec de vídeo On2 VP6; F4V no admite canales de vídeo alfa.

On2 VP6

El códec On2 VP6 es el códec de vídeo predeterminado que se utilizar al crear archivos FLV para su uso con Flash Player 8 y posterior. Este códec proporciona:

  • Mayor calidad de vídeo en comparación con el códec Sorenson Spark para una misma velocidad de datos

  • Admite el uso de un canal alfa de 8 bits para componer vídeo

    Para ofrecer mayor calidad de vídeo a una determinada velocidad de datos, el códec On2 VP6 es notablemente más lento y requiere mayor potencia de proceso en el equipo cliente a la hora de la descodificación y reproducción. Por este motivo, debe tener en cuenta cuál será el equipo de menor potencia que utilizarán habitualmente los usuarios al acceder al contenido del vídeo FLV.

Sorenson Spark

Introducido en Flash Player 6, el códec de vídeo Sorenson Spark se debería utilizar si tiene previsto publicar documentos Animate que requieran compatibilidad inversa con Flash Player 6 y 7. Si prevé una gran base de usuarios que utilice equipos más antiguos, debería considerar los archivos FLV codificados con el códec Sorenson Spark, ya que requiere muchos menos recursos informáticos para reproducir los códecs On2 VP6 o H.264.

Si el contenido de Animate carga dinámicamente vídeo de Flash Professional (mediante descarga progresiva o Adobe Media Server), puede utilizar vídeo On2 VP6 sin necesidad de volver a publicar un archivo SWF creado en un principio para utilizarlo con Flash Player 6 o 7, siempre que los usuarios utilicen Flash Player 8 o una versión posterior para ver el contenido. Implementado mediante flujo o descarga el vídeo On2 VP6 en las versiones 6 y 7 de Animate SWF y reproduciendo el contenido con Flash Player 8 o versión posterior, evitará la necesidad de recrear los archivos SWF para utilizarlos con Flash Player 8 o versiones posteriores.

Nota:

Solo Flash Player 8 y 9 permiten publicar y reproducir vídeo On2 VP6.

Códec

Versión SWF (versión de publicación)

Versión de Flash Player (necesaria para reproducción)

Sorenson Spark

6

6, 7, 8

7

7, 8, 9, 10

On2 VP6

6, 7, 8

8, 9, 10

H.264

9.2 o posterior

9.2 o posterior

Sugerencias para la creación de vídeo FLV y F4V de Adobe

Siga estas sugerencias para lograr vídeo FLV o F4V con la mayor calidad posible:

Trabaje con el vídeo en el formato nativo del proyecto hasta el resultado final.

Si convierte un formato de vídeo digital comprimido previamente a otro formato como FLV o F4V, el codificador anterior puede introducir ruido de vídeo. El primer compresor ya ha aplicado su algoritmo de codificación al vídeo, reduciendo su calidad, su tamaño de fotograma y su velocidad. Dicha compresión también puede haber introducido irregularidades digitales o ruido. Este ruido adicional afecta al proceso de codificación final y se puede exigir una velocidad de datos superior para codificar un archivo de buena calidad.

Utilice transiciones simples

Evite las transiciones elaboradas, ya que no se comprimen bien y pueden provocar que el vídeo comprimido final presente interrupciones durante el cambio. Los cortes en seco (en comparación con los encadenados) suelen ser la mejor opción. Las secuencias de vídeo vistosas, por ejemplo, las que muestran un objeto alejándose desde el primer plano, que utilizan el efecto “quitar una página” o que se convierten en una bola y a continuación salen de la pantalla, no se comprimen correctamente y deben utilizarse con moderación.

Conozca la velocidad de datos de los usuarios

Si publica vídeos a través de Internet, debe crear archivos a velocidades de datos bajas. Los usuarios que disponen de conexiones a Internet rápidas pueden ver los archivos sin necesidad de esperar la descarga, o esperar poco tiempo, pero los usuarios que se conectan a Internet mediante acceso telefónico deben esperar a que los archivos se descarguen. Haga los clips cortos para mantener los tiempos de descarga dentro de los límites aceptables para los usuarios que se conectan a Internet mediante marcación telefónica.

Seleccione la velocidad de fotogramas adecuada

Seleccione la velocidad de fotogramas adecuada (fps). Si tiene un clip con velocidad de datos más alta, con una velocidad de fotogramas más baja se mejora la reproducción mediante ancho de banda limitado. Por ejemplo, si comprime un clip con poco movimiento, al reducir la velocidad de fotogramas a la mitad probablemente ahorrará solo un 20% en la velocidad de datos. Sin embargo, si comprime vídeo con mucho movimiento, la reducción de la velocidad de fotogramas tendrá un mayor efecto en la velocidad de datos.

Dado que el vídeo ofrece una mejor calidad de visualización con una velocidad de reproducción de fotogramas nativa, déjela alta si así lo permiten los canales de transmisión y las plataformas de reproducción. Para la entrega por Web, obtenga este detalle de su servicio de alojamiento de sitios web. Para dispositivos móviles, utilice los ajustes preestablecidos de codificación específicos de dispositivo y el emulador de dispositivo disponible mediante Adobe Media Encoder en Adobe Premiere Pro. Si tiene que reducir la velocidad de fotogramas, los mejores resultados se obtienen al dividir la velocidad de fotogramas por números enteros.

Seleccione un tamaño de fotograma que se ajuste a la velocidad de datos y la proporción de aspecto de fotogramas

A una determinada velocidad de datos (velocidad de conexión), al aumentar el tamaño de fotograma se disminuye la calidad del vídeo. Cuando seleccione el tamaño de fotograma para los ajustes de codificación, tenga en cuenta la velocidad de fotogramas, el material de origen y las preferencias personales. Para evitar la pantalla normal, es importante elegir un tamaño de fotograma de la misma proporción de aspecto que el del material de archivo de origen. Por ejemplo, si codifica el material de archivo NTSC a un tamaño de fotograma PAL se crearía la pantalla normal.

Adobe Media Encoder ofrece varios valores predefinidos de vídeo FLV o F4V de Adobe. En estos se incluyen los tamaños de fotogramas preestablecidos y las velocidades de fotogramas para los diferentes estándares de televisión a diferentes velocidades de datos. Utilice la siguiente lista de tamaños de fotogramas comunes (en píxeles) como guía o bien, pruebe con los distintos ajustes preestablecidos de Adobe Media Encoder para encontrar el mejor ajuste para el proyecto.

Módem telefónico NTSC 4 x 3

162 x 120

Módem telefónico PAL 4 x 3

160 x 120

T1/DSL/cable NTSC 4 x 3

648 x 480

T1/DSL/cable PAL 4 x 3

768 x 576

Transmisión para un mejor resultado

Para eliminar el tiempo de descarga, proporcione una profunda interactividad y capacidades de navegación o controle la calidad del servicio, transmita archivos de vídeo FLV o F4V de Adobe con Adobe Media Server o utilice el servicio alojado desde uno de los socios disponibles del servicio de transmisión de Flash Video de Adobe mediante el sitio web de Adobe. Para obtener detalles acerca de la diferencia entre la descarga progresiva y el flujo de vídeo con Adobe Media Server, consulte el artículo, en inglés, “Delivering Flash Video: Understanding the Difference Between Progressive Download and Streaming Video” en el sitio web del Centro de desarrollo de Adobe.

Averigüe cómo realizar descargas progresivas

Conozca cuánto tiempo tardará en descargarse vídeo suficiente de manera que se pueda reproducir hasta el final sin detenerlo para terminar la descarga. Mientras que se descarga la primera parte del clip de vídeo, puede que desee que aparezca otro contenido que disfrace la descarga. Para clips cortos, utilice la fórmula siguiente: pausa = tiempo de descarga - tiempo de reproducción + 10% del tiempo de reproducción. Por ejemplo, si el clip dura 30 segundos y tarda un minuto en descargarse, asigne al clip una memoria intermedia de 33 segundos (60 segundos – 30 segundos + 3 segundos = 33 segundos).

Quite ruido y entrelazado

Para una mejor codificación, puede que tenga que quitar ruido y entrelazado.

Cuanto mayor sea la calidad del original, mejor será el resultado final. Aunque las velocidades y los tamaños de fotogramas de los vídeos de Internet suelen ser inferiores a los de la televisión, los monitores de los equipos tienen una mejor fidelidad de color, saturación, nitidez y resolución que los televisores convencionales. Incluso con una ventana pequeña, la calidad de imagen puede ser más importante para los vídeos digitales que para los televisores analógicos estándar. Irregularidades y ruidos que apenas se notarían en un televisor, pueden advertirse perfectamente en un equipo informático.

Adobe Animate está diseñado para una visualización progresiva en las pantallas de equipos y otros dispositivos, en lugar de pantallas entrelazadas como televisores. El material de archivo entrelazado en una visualización progresiva puede mostrar líneas verticales alternativas en áreas con mucho movimiento. De este modo, Adobe Media Encoder elimina el entrelazado de toda la secuencia de vídeo que procesa.

Siga las mismas pautas para el sonido

Se aplican las mismas consideraciones para la producción de audio que para la producción de vídeo. Para conseguir una buena compresión de audio, el sonido original debe ser nítido. Si desea codificar material procedente de un CD, trate de grabar el archivo utilizando la transferencia digital directa en lugar de utilizar la entrada analógica de la tarjeta de sonido. La entrada analógica de la tarjeta de sonido introduce una conversión innecesaria digital a analógico y analógico a digital que puede crear ruido en el audio original. Hay herramientas de transferencia digital directa para las plataformas Windows y Macintosh. Para grabar sonido de una fuente analógica, utilice la tarjeta de sonido de mayor calidad de que disponga.

Nota:

Si su archivo de audio de origen es monoaural (mono), se recomienda que codifique en mono para utilizarlo con Animate. Si está codificando con Adobe Media Encoder y utiliza un valor predefinido de codificación, asegúrese de comprobar si el valor predefinido se codifica en stereo o mono, y seleccione mono si es necesario.

Tutoriales y ejemplos

Los siguientes artículos y tutoriales de vídeo ofrecen explicaciones detalladas sobre la creación y preparación de vídeo para su uso en Animate. Algunos elementos muestran CS3 o CS4, pero se aplican a CS5.

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea