El componente proporciona una función o un grupo de componentes personalizables y reutilizables relacionados, con el fin de mejorar la productividad para los creadores de publicidad. Anteriormente, Animate CC admitía componentes Flash que se utilizaban con objetivos basados en Flash. A partir de esta versión, Animate es compatible con HTML5 Canvas.
-
Seleccione la Instancia del componente de vídeo en el escenario y consulte y modifique los parámetros en el inspector de propiedades. El parámetro Origen permite seleccionar el archivo de vídeo desde una ubicación local o proporcionar cualquier URL para reproducir el vídeo (formatos .mp4, .ogg, .ogv o .webm).
Arrastre y suelte los componentes
-
Seleccione “Coincidir con dimensiones de origen” para que el tamaño del reproductor de vídeo se ajuste a las dimensiones del vídeo de entrada. Esta característica solo funciona con vídeos mp4. Para otros tipos de vídeo, ajuste el tamaño de la instancia de vídeo manualmente en el escenario para asegurarse de que la relación de aspecto sigue siendo la misma.
-
Pulse Ctrl+Intro (CMD+Intro en Mac) para previsualizar la película. El vídeo se reproducirá en el navegador predeterminado. Puesto que los controles son visibles de forma predeterminada, podrá verlos cuando pase el ratón por encima del vídeo en un navegador.
Se puede seguir el mismo procedimiento para utilizar otros componentes.
Salida del componente de previsualización
Nota:
Los componentes se añaden al documento HTML como elementos DOM, así que debe consultar los fragmentos de código Componente (Fragmentos de código > Lienzo HTML5 > Componentes) para añadir interactividad a los componentes.
-
En función del componente seleccionado, haga doble clic en el fragmento de código correspondiente para mostrar el fragmento de código en el panel Acciones. Para obtener más información sobre la adición de interactividad en los fragmentos de código, consulte Cómo añadir interactividad mediante fragmentos de código en Animate CC.
Utilice el ejemplo siguiente para aprender a utilizar los fragmentos de código cuando se controla la reproducción del vídeo mediante código.
Nota:
Puede ver el atributo className de cada componente en el Inspector de propiedades. Utilice estos nombres de clase para aplicar aspectos a los componentes con CSS. Utilice el componente de CSS para cargar su CSS personalizada. El componente CSS permite seleccionar cualquier archivo CSS local que se incluya en la película.
Los diseñadores o desarrolladores de Animate pueden instalar el componente del archivo ZXP distribuido usando la utilidad Gestionar extensiones.
Utilidad Gestionar extensiones. Para obtener instrucciones de la descarga, haga clic en Ayuda > Gestionar extensiones en el producto Animate CC.