Miniaturas de Vídeo (Tooltip) / WebVTT - Thumbnails | Clips | Documentación WS.WebTV | WebTV Solutions

Imprimir

Miniaturas de Vídeo (Tooltip Thumbnails / Video Thumbnails)

WS.WebTV soporta miniaturas de vídeo; que son una previsualización hecha a partir de imágenes de un vídeo. La previsualización se muestra en un tooltip (una mini-ventana) cuando el usuario posiciona el ratón sobre la barra de progreso del reproductor de vídeo. Esto permite hacer una "búsqueda visual" y es especialmente útil para localizar un punto (tiempo) determinado en vídeos de larga duración.

Requerimientos/Formatos

Para añadir miniaturas de vídeo a un Clip se necesitan dos archivos:

1. Un "Sprite": Una imagen (formato JPG, PNG o GIF)...
Un "Sprite" es un archivo (imagen) que contiene todas las miniaturas de la previsualización de un vídeo.
Ejemplo de archivo de miniaturas de vídeo ("sprite"):


2. Un archivo WebVTT file (.vtt)...
WS.WebTV utiliza archivos "WebVTT " para mostrar las miniaturas individuales de un vídeo. Un archivo WebVTT file es un formato de texto plano que contiene enlaces al archivo de miniaturas, así como las coordenadas de cada miniatura individual.
Por favor, tenga en cuenta que la WebTV únicamente "leerá" las coordenadas del archivo WebVTT, e ingnorará el enlace de la imagen, porque utilizará la imagen suministrada a través del Administrador de Contenidos.
Ejemplo de archivo WebVTT (.vtt):
WEBVTT

00:00:00.000 --> 00:00:01.000
thumbs_sample.jpg#xywh=321,1,160,90

00:00:01.000 --> 00:00:02.000
thumbs_sample.jpg#xywh=1,91,160,90

00:00:02.000 --> 00:00:03.000
thumbs_sample.jpg#xywh=321,91,160,90

00:00:03.000 --> 00:00:04.000
thumbs_sample.jpg#xywh=1,181,160,90

00:00:04.000 --> 00:00:05.000
thumbs_sample.jpg#xywh=481,181,160,90

... Como puede ver, la estructura del archivo VTT es muy sencilla; está compuesta por entradas, cada entrada tiene:
• El rango de tiempo representado por la miniatura (respecto a la duración del vídeo).
Nota: Tenga en cuenta que los rangos de tiempo deben estar en el siguiente formato: (hh:)mm:ss.msmsms (horas:minutos:segundos.milisegundos).
• El nombre/link de la imagen ("sprite"), con las coordenadas de la miniatura (recuerde que la WebTV solamente "leerá" las coordenadas).
Notas: Las coordenadas son especificadas usando un "spatial Media Fragment ". El nombre/link de la imagen, aunque será ignorado, debe incluirse.

Añadiendo los Archivos de Miniatura de Vídeo a un Clip

1. Ir a la página de Clips y editar el Clip deseado...


2. (En la pestaña Propiedades) Suministre los archivos de imagen y VTT a través de los campos correspondientes...
• Archivo de Imagen: La imagen ("sprite").
• Arcivo VTT: El archivo WebVTT.


3. Finalizando...
Cuando haya finalizado, haga click en el botón Guardar.

Creando los archivos de imagen ("sprite") + VTT con Video Thumbnails Maker

Video Thumbnails Maker es un estuoendo (y barato) programa que le permite create automáticamente, a partir de archivos de vídeo, la imagen de miniaturas ("sprite") y archivo VTT correspondientes.

Antes de procesar sus archivos de vídeo, lo primero que debe hacer es colocar los ajustes correctos en las pantallas "options" y "environment".

Ajustes de la pantalla "Environment":
- Env1. Marque las casillas "Classic" y "WebVTT".
- Env2. Haga click en Save para guardar los ajustes.


Ajustes de la pantalla "Options":
- Op1. Desmarque "Watermark".
- Op2. Desmarque "Stamp"
- Op3. Desmarque "Tile outlines"
- Op4. Desmarque "Draw Details"
- Op5. Ajuste el "Tile width" = 160 y el "Tile height" = 90; desmarque "Auto Height" y "Fit Screen"
- Op6. Introduzca los valores apropiados en la sección "Thumbnails Layout".
Nota: Estos ajustes dependerán de la duración del vídeo. Puede configurar el programa para generar una miniatura (tile) a intervalos de tiempo específico o introduciendo los valores de "X Tiles" y "Y Tiles" (por ejemplo 5x4 = 20 miniaturas/tiles).
Advertencia: Genere imagenes "sprite" de tamaño razonable. Evite tener más de 100 ó 120 miniaturas. Más miniaturas permitirá un mejor muestreo (para vídeos de larga duración), pero resultará en una imagen ("sprite") de mayor tamaño.
- Op7. Haga click en Save para guardar los ajustes.


Procese sus archivos de vídeo:
1) Agregue archivos: Ya sea haciendo click en el botón "Add Files" o arrastrando los archivos a la lista.
2) Cuando esté preparado, haga click en "Start".
Cuando finalice el procesado, se habrá generado una imagen y archivo vtt para cada vídeo; suminístrelos a la WebTV como explicamos anteriormente.