WebVTT (Web Video Text Tracks) es un estándar del World Wide Web Consortium (W3C) para mostrar texto cronometrado en conexión con el elemento HTML5 .
Extensión de nombre de archivo | .vtt |
---|---|
Tipo de medio de Internet | texto / vtt |
Desarrollado por | Consorcio World Wide Web (W3C) |
Versión inicial | 10 de agosto de 2010 [1] |
Tipo de formato | Texto cronometrado |
Extendido desde | SRT |
Estándar | W3C WebVTT |
¿ Formato abierto ? | sí |
Sitio web | (VTT) |
Los primeros borradores de su especificación fueron escritos por WHATWG en 2010 después de discusiones sobre qué formato de subtítulos debería ser compatible con HTML5; las opciones principales son 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 para el nuevo estándar, inicialmente llamado WebSRT (Web Subtitle Resource Tracks). [2] Compartía la extensión del archivo y se basaba en general en el formato SubRip, aunque no era totalmente compatible con él. [3] El formato prospectivo luego pasó a llamarse WebVTT. [4] [5].srt
En la versión del 13 de enero de 2011 del Informe preliminar de HTML5], se introdujo la etiqueta y se actualizó la especificación para documentar las reglas de representación de texto de referencia de WebVTT. [6] La especificación WebVTT aún está en etapa de borrador, pero las características básicas ya son compatibles con los principales navegadores.
Principales diferencias con SubRip
- 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 están separados por un punto en lugar de una coma
- Las horas del código de tiempo son opcionales
- La numeración / identificación del cuadro que precede al código de tiempo es opcional
- Se pueden agregar comentarios identificados por la palabra NOTA
- La información de metadatos se puede agregar en un formato de estilo JSON
- La información del capítulo se puede especificar opcionalmente
- Solo admite caracteres extendidos como UTF-8
- Se utiliza CSS en un archivo separado definido en el documento HTML complementario para las etiquetas C en lugar de la etiqueta FONT
- La configuración de cue permite la personalización del posicionamiento de cue en el video [7]
Compatibilidad
Navegador | Etiquetas de texto de cue | Posicionamiento de cue | Estilo CSS |
---|---|---|---|
Cromo | 35+ | ||
Navegador de valores de Android | 5.0+ | ||
Ópera | 22+ | ||
Safari | 7 o más (iOS: 8 o más) | ||
Firefox | 31 o más (Android: 32 o más) | N / A | |
Microsoft Edge | 12+ | N / A | |
explorador de Internet | 10+ | N / A |
Firefox implementó WebVTT en sus compilaciones nocturnas (Firefox 24), pero inicialmente no estaba habilitado de forma predeterminada. La función tenía que habilitarse en Firefox yendo a la página "about: config" y estableciendo el valor de "media.webvtt.enabled" en true. [10] YouTube comenzó a admitir WebVTT en abril de 2013. [11] A partir del 24 de julio de 2014, Mozilla habilitó WebVTT en Firefox de forma predeterminada. [12]
Los subtítulos en un archivo .vtt se muestran en línea, pero no cuando se almacenan en una unidad local.
Ejemplo de formato WebVTT
WEBVTT Tipo: subtítulos; Idioma: en00: 09.000 -> 00: 11.000Estamos en la ciudad de Nueva York 00: 11.000 -> 00: 13.000Estamos en la ciudad de Nueva York 00: 13.000 -> 00: 16.000En realidad, estamos en el Hotel Lucern, justo al final de la calle. 00: 16.000 -> 00: 18.000del Museo Americano de Historia Natural 00: 18.000 -> 00: 20.000Y conmigo está Neil deGrasse Tyson 00: 20.000 -> 00: 22.000Astrofísico, Director del Planetario Hayden 00: 22.000 -> 00: 24.000en el AMNH. 00: 24.000 -> 00: 26.000Gracias por caminar aquí. 00: 27.000 -> 00: 30.000Y quiero hacer un seguimiento de la última conversación que mantuvimos. 00: 30.000 -> 00: 31.500 alinear: tamaño final: 50%Cuando enviamos un correo electrónico: 00: 30.500 -> 00: 32.500 alinear: tamaño inicial: 50%¿No hablamos suficiente en esa conversación? 00: 32.000 -> 00: 35.500 alinear: tamaño final: 50%¡No! No no no no; 'cos' cos obviamente 'cos00: 32.500 -> 00: 33.500 alinear: tamaño inicial: 50%Se ríe 00: 35.500 -> 00: 38.000Sabes que estoy tan emocionado que mis lentes se están cayendo aquí.
Otras características
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 [15] pero no en ningún otro navegador. [dieciséis]
Referencias
- ^ "WebSRT" . Archivado desde el original el 16 de agosto de 2010 . Consultado el 12 de febrero de 2015 .
- ^ "WebVTT frente a TTML: ¿XML se considera perjudicial para los subtítulos web?" . Consultado el 16 de febrero de 2015 .
- ^ WebSRT , de la especificación del borrador HTML de WHATWG, consultado el 14 de octubre de 2010
- ^ Kennedy, Antony; de León, Inayaili (2011). Pro CSS para sitios web de alto tráfico . Presione . ISBN 978-1-4302-3288-9.
- ^ Pfeiffer, Silvia (27 de junio de 2011). "Desarrollos recientes en torno a WebVTT" .
- ^ http://www.w3.org/TR/2011/WD-html5-20110113/
- ^ "Configuración de cue de WebVTT" . W3C . Consultado el 11 de febrero de 2015 .
- ^ "Soporte WebVTT en navegador" . W3C . Consultado el 6 de febrero de 2017 .
- ^ "Estilo WebVTT" . JWPlayer . Consultado el 6 de febrero de 2017 .
- ^ "Implementar el elemento de pista" .
- ^ "Archivo de subtítulos - Ayuda de YouTube" .
- ^ "Notas de la versión de Firefox 31" .
- ^ "WebVtt: el formato de pistas de texto de vídeo web" . w3.org . El Consorcio World Wide Web. 10 de mayo de 2018 . Consultado el 16 de septiembre de 2018 .
- ^ "Se agregó un ejemplo de región a la sección Introducción en" Otras características "- Detalles de confirmación de GitHub" .
- ^ https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API#Notes
- ^ https://developer.mozilla.org/en-US/docs/Web/API/VTTCue#Browser_compatibility