WebVTT

WebVTT (Web Video Text Tracks) es un estándar del Consorcio World Wide Web (W3C) para mostrar texto temporizado en conexión con el elemento HTML5 .<track>

Los primeros borradores de su especificación fueron escritos por el WHATWG en 2010 después de discusiones sobre qué formato de subtítulos debería admitir HTML5; las opciones principales eran el relativamente maduro Timed Text Markup Language (TTML), basado en XML , o un estándar completamente nuevo pero más ligero basado en el formato SubRip, ampliamente utilizado . La decisión final fue por el nuevo estándar, inicialmente llamado WebSRT (Web Subtitle Resource Tracks). ^{[ 2 ]} Compartía la extensión de archivo y se basaba en gran medida en el formato SubRip, aunque no era totalmente compatible con él. ^{[ 3 ]} El formato prospectivo fue renombrado más tarde WebVTT. ^{[ 4 ] [ 5 ]} En la versión del 13 de enero de 2011 del HTML5 Draft Report, se introdujo el elemento y la especificación se actualizó para documentar las reglas de representación del texto de las señales de WebVTT. ^{[ 6 ]} La especificación WebVTT es una Recomendación Candidata del W3C, y las características básicas son compatibles con todos los navegadores principales..srt<track>

• La primera línea de WebVTT comienza con WEBVTT después de la marca de orden de bytes UTF-8 opcional .
• Hay espacio para datos de encabezado opcionales entre la primera línea y la primera señal.
• Los valores fraccionarios del código de tiempo se separan con un punto en lugar de una coma.
• Las horas con código de tiempo son opcionales.
• La numeración/identificación del fotograma que precede al código de tiempo es opcional.
• Se pueden añadir comentarios identificados con la palabra NOTA.
• La información de metadatos se puede agregar en formato JSON.
• La información del capítulo se puede especificar opcionalmente.
• Solo admite caracteres extendidos como UTF-8.
• En lugar del elemento FONT, se utiliza CSS en un archivo separado definido en el documento HTML complementario para las etiquetas C.
• La configuración de la señal permite personalizar la posición de la señal en el vídeo ^{[ 7 ].}

Firefox implementó WebVTT en sus compilaciones nocturnas (Firefox 24), pero inicialmente no estaba habilitado por defecto. La función debía habilitarse en Firefox accediendo a la página "about:config" y estableciendo el valor de "media.webvtt.enabled" en verdadero. ^{[ 10 ]} YouTube comenzó a admitir WebVTT en abril de 2013. ^{[ 11 ]} A partir del 24 de julio de 2014, Mozilla ha habilitado WebVTT en Firefox por defecto. ^{[ 12 ]}

Los subtítulos en un archivo .vtt se muestran en línea, pero no cuando están almacenados en una unidad local.

Un archivo de muestra del W3C que subtitula la entrevista de Roger Bingham a Neil deGrasse Tyson (): ^{[ 13 ]}

WEBVTT 00:11.000 --> 00:13.000 <v Roger Bingham>Estamos en la ciudad de Nueva York 00:13.000 --> 00:16.000 <v Roger Bingham>En realidad estamos en el Hotel Lucern, justo al final de la calle. 00:16.000 --> 00:18.000 <v Roger Bingham>del Museo Americano de Historia Natural 00:18.000 --> 00:20.000 <v Roger Bingham>Y conmigo está Neil deGrasse Tyson 00:20.000 --> 00:22.000 <v Roger Bingham>Astrofísico, Director del Planetario Hayden 00:22.000 --> 00:24.000 <v Roger Bingham>en el AMNH. 00:24.000 --> 00:26.000 <v Roger Bingham>Gracias por venir caminando hasta aquí. 00:27.000 --> 00:30.000 <v Roger Bingham>Y quiero hacer un seguimiento de la última conversación que tuvimos. 00:30.000 --> 00:31.500 alineación:derecha tamaño:50% <v Roger Bingham>Cuando enviamos un correo electrónico— 00:30.500 --> 00:32.500 alineación:izquierda tamaño:50% <v Neil deGrasse Tyson>¿No hablamos ya de suficiente en esa conversación? 00:32.000 --> 00:35.500 alineación:derecha tamaño:50% <v Roger Bingham>¡No! No, no, no, no; porque obviamente porque 00:32.500 --> 00:33.500 alineación:izquierda tamaño:50% <v Neil deGrasse Tyson><i>Risas</i> 00:35.500 --> 00:38.000 <v Roger Bingham>Sabes que estoy tan emocionado que se me están cayendo las gafas. 

En junio de 2013, se agregó un ejemplo a la especificación que incluía una nueva configuración de "región". ^{[ 14 ]} Esta función es compatible desde Firefox 59 y Safari 14.1 (14.5 en iOS), pero no en ningún otro navegador. ^{[ 15 ]}

• Estándar WebVTT
• Página para desarrolladores de Mozilla sobre la implementación de WebVTT
• Visor WebVTT