Ir al contenido principal
Todas las coleccionesViz FlowicsBuilding Blocks
Usando el Building Block de Video
Usando el Building Block de Video
Actualizado hace más de 9 meses

El Building Block de Video es una forma de agregar videoclips a tu paquete de gráficos. Es útil para usar como animación de fondo y fondos de zócalos renderizados previamente para tus gráficos.


Los formatos soportados son:

  • MP4 (Ofrece mejor compresión).

  • WebM (Tiene canal alfa, por lo que admite transparencias).

El tamaño máximo admitido es de 50 MB.

Para los casos donde el video sea > 50 MB, recomendamos convertirlo al formato WebM, que es mucho más liviano. Puede usar Shutter Encoder para la conversión de video.

Para convertir videos con canal alpha a formato webm puedes seguir el paso a paso en el siguiente video tutorial


Recuerda, una overlay se creará automáticamente si no la agregaste al árbol después de agregar un elemento.

Agregar un Building Block de Video

1644440856393-Video Element3.png

(1) Crea un el elemento de video arrastrándolo desde el Building Blocks.

(2) Selecciona un archivo para cargar el video a través de Assets Library.

(3) Haz clic en "Nuevo", luego en "Nueva carga".

(4) Selecciona el video de tu Assets Library.

Ajustes de video

Propiedades

  • Source: Úsalo para cargar un video o una secuencia de imágenes.

  • Fitting mode: Es la forma en que el video se ajusta a su tamaño:

    • Fill: Amplía el vídeo para cubrir toda el área del elemento, independientemente de la relación de aspecto.

    • Cover: Escala y recorta el video para cubrir toda el área del elemento, manteniendo la relación de aspecto del video.

    • Contain: Escala el video manteniendo su relación de aspecto, para que se ajuste al elemento sin recortarlo.

  • Muted y Loop: Usa cualquiera de estos conmutadores para controlar cómo se comportan los videos.

Position and Size

  • Position: Cambia la posición del video según los ejes X e Y.

  • Size: Cambia el tamaño del video dentro del canvas según su ancho y alto.

  • Rotation:Puedes rotar tu elemento en cualquier grado.

Appearance

  • Opacity: Cambia la transparencia del elemento.

  • Mask: Agrega una máscara al elemento. Obtén más información sobre las máscaras en este artículo.

  • Filtros: Aplica efectos visuales al elemento. Obtén más información sobre los filtros en este artículo.

Borders

  • Style: Define los lados y el estilo del borde.

  • Width: Define qué tan ancho será el borde.

  • Color: Elige un color para el borde.

  • Radius: Al aumentar este número, se redondearán las esquinas del video.

Aprende a cambiar estas propiedades específicas de los bordes.

¿Ha quedado contestada tu pregunta?