WebVTT

Anatomía de un cue

Un archivo es una cabecera, y luego cues. Cada cue es un bloque como el de SubRip, con dos partes opcionales.

WEBVTT
 
intro
00:00:23.000 --> 00:00:24.500 line:0
<v Celia>You're a jerk,
<i>Thom</i>.
 

El código de tiempo

Bloques distintos de los cues

Texto del cue

Colores

Ocho clases se colorean sin ningún CSS: white, lime, cyan, red, yellow, magenta, blue y black, y las mismas ocho con bg_ para el fondo. Cualquier otro color necesita una clase propia y un bloque STYLE:

STYLE
::cue(.gold) { color: #ffd700; }

00:00:30.800 --> 00:00:34.000
<c.gold>Why don't you just admit that</c>

Ajustes del cue

Subtitld lee line, position y align como el lugar del subtítulo en pantalla, los mismos nueve lugares que {\an1} a {\an9} de SubRip, y los escribe de vuelta: line:0 para arriba, line:50%,center para el centro, position:10% align:start y position:90% align:end para los laterales.

WebVTT en Subtitld

Abrir un archivo WebVTT

Subtitld localiza cada cue por su línea de tiempos y lee:

• la cabecera, y los bloques NOTE, STYLE y REGION como lo que son, no como subtítulos, y los identificadores de cue como nombres;
• los tiempos con o sin horas, con punto o con coma;
• las voces como hablantes de los subtítulos, listas para el doblaje;
• las clases de color de WebVTT, y los colores que un bloque STYLE da a otras clases;
• line, position y align como el lugar en pantalla;
• cualquier codificación, aunque WebVTT pide UTF-8.

Omite lo que no tiene dónde guardar: regiones, el tamaño de un cue, texto vertical, las lecturas de ruby y las marcas de tiempo de karaoke. El texto en sí se conserva.

Exportar WebVTT

Exportar, y después Subtítulos y VTT, ofrece:

• TextoEl original, una traducción, o ambos, con la traducción debajo.
• Nombres de hablantesSe omiten, van antes del texto (Thom: …), o como etiquetas de voz (<v Thom>), la forma propia de WebVTT.
• FormatoSe conserva, o se quita.
• Desplazar tiemposCada subtítulo antes o después en la misma cantidad.

El archivo es siempre UTF-8, como exige WebVTT: WEBVTT, y luego los cues en orden de inicio, cada tiempo con sus horas. Los caracteres que se leerían como marcado se escriben como entidades, y los subtítulos vacíos se omiten.

En una página web

<video controls src="tears-of-steel.mp4">
  <track kind="subtitles" src="tears-of-steel.en.vtt"
         srclang="en" label="English" default>
</video>

Sirve el archivo como text/vtt. Desde otro dominio, el vídeo necesita crossorigin y el servidor una cabecera Access-Control-Allow-Origin; si no, el navegador no cargará la pista.

WebVTT o SubRip

SubRip para reproductores, editores y subidas; WebVTT para vídeo en la web. La página de SubRip los compara lado a lado.

Curiosidades