Custom video | Notion

Esta plantilla de vídeo personalizada le muestra cómo crear su interfaz de reproducción personalizada, así como la forma de medir el progreso del vídeo como variable.

Todos estos datos se pueden guardar en su base de datos para que pueda ofrecer a su espectador una verdadera experiencia similar a Netflix para continuar donde lo dejó.

Para copiar este nodo e integrarlo directamente en tu proyecto, haz clic con el botón derecho del ratón en la sección padre y haz clic en "Copiar nodo" para pegarlo en tu árbol de nodos.

El nodo PlayPause muestra la variable Icon que permite cambiar el icono o importar uno nuevo en formato svg (formato vectorial).

El comportamiento de clic permite crear acciones de Reproducir o Pausar que dependen del nodo reproductor de vídeo según la variable booleana (verdadero/falso) Reproduciendo.

Observando esta variable Playing, podemos determinar el nuevo icono que permitirá hacer la otra reproducción o pausa.

Finalmente observando la variable currentTime permite por ejemplo aquí definir una variable Timecode que puede estar fuera del nodo video (como recordatorio las variables se adjuntan a un nodo y sus hijos).

Aquí, por ejemplo, se adjunta al nodo de texto Timecode encima del nodo de vídeo.

Haciendo clic en Vista Previa, luego en Registros y Variables, también puede ver esta variable (en favorito) cambiando en vivo.

¡De vuelta a los estudios!

Nota:

El vídeo se redimensiona automáticamente conservando su relación de aspecto.