Español

Vídeo y subtítulos · Kit de herramientas de subtítulos

WebVTT explicado: de WebSRT al formato de subtítulos W3C para vídeo HTML5

· Antecedentes

subtítulos webvtt formatos de archivo procesamiento del navegador

Un archivo de referencia simple que obtiene un encabezado WebVTT, configuraciones y conexión de seguimiento del navegador
Ilustración de vector original de ToolAcre

WebVTT se creó para que los navegadores pudieran mostrar subtítulos de forma nativa. Esta publicación cubre sus orígenes como WebSRT, en qué se diferencia de SRT, qué agrega la especificación y dónde se usa hoy.

Por qué el navegador necesitaba su propio formato de subtítulos: la llegada del vídeo nativo y la ausencia de un formato de pista estándar

El video nativo le dio a una página web un elemento multimedia, pero el texto cronometrado aún necesitaba una representación de archivo interoperable que los navegadores pudieran buscar y analizar. Un archivo SRT informal no era suficiente para una función del navegador que necesitaba una sintaxis definida, un comportamiento de señal y enlaces para la presentación. WebVTT proporciona ese contrato orientado a la web manteniendo la forma reconocible de señal y marca de tiempo.

Ese contexto del navegador explica tanto su familiaridad como su estructura adicional. Un VTT mínimo parece cercano a SRT, pero no es SRT con otra extensión. La firma, la puntuación de la marca de tiempo y la gramática de las señales son parte de la decisión de si el navegador ha recibido WebVTT.

WebSRT y el cambio de nombre a WebVTT: el trabajo inicial de WHATWG y el paso al W3C

El formato se analizó con el nombre anterior de WebSRT antes de convertirse en WebVTT o Web Video Text Tracks. Ese linaje comunica el camino del diseño: comience con una forma de bloque de subtítulos ampliamente entendida y luego defina el comportamiento adicional que necesitan los medios web. Este artículo evita fechas, editores nombrados y una cronología detallada del organismo de estándares porque esos hechos no están verificados por los materiales del repositorio utilizados para las afirmaciones de implementación.

Para un desarrollador front-end, la lección duradera es que WebVTT es una entrada especificada para las funciones multimedia del navegador en lugar de una convención específica del reproductor. La implementación debe centrarse en su sintaxis actual y probarse en el reproductor consumidor en lugar de depender de etiquetas históricas.

Lo que agrega la especificación sobre SRT: el encabezado WEBVTT, identificadores de cue, configuraciones de cue y ganchos de estilo

WebVTT agrega una firma WEBVTT requerida y permite identificadores de señales que no necesitan ser numéricos. Las configuraciones de cue pueden seguir el tiempo de finalización para expresar alineación y ubicación, mientras que los bloques NOTA, ESTILO y REGIÓN proporcionan metadatos y estructuras de presentación más allá de una simple lista de cue SRT. Los ganchos de estilo del navegador pueden entonces abordar las señales mostradas sin grabar texto en el video.

ToolAcre implementa un subconjunto enfocado. Conserva la configuración encontrada después de la marca de tiempo de finalización, pero elimina los identificadores de cue y omite los bloques NOTA, ESTILO y REGIÓN al cargar. Esto es suficiente para una conversión normal y, deliberadamente, no es un editor sin pérdidas para el modelo WebVTT completo.

El punto, el encabezado y UTF-8: las pequeñas diferencias que impiden que un archivo SRT sea un archivo VTT válido

Tres pequeños detalles separan un mínimo VTT de SRT. La primera línea debe llevar la firma WEBVTT, las marcas de tiempo usan un punto antes de milisegundos y el texto debe ser UTF-8. ToolAcre detecta VTT probando la firma mientras tolera una marca de orden de bytes opcional y espacios en blanco iniciales; el texto sin esa firma tiene como valor predeterminado SRT.

El serializador escribe la firma y la puntuación de puntos en lugar de conservar la fuente que utilizó. La entrada del archivo se lee como UTF-8. Por lo tanto, un SRT con codificación heredada puede mostrar caracteres de reemplazo antes de la conversión, y cambiar la sintaxis de su contenedor no puede recuperar bytes ya decodificados incorrectamente.

Dónde se utiliza WebVTT: el elemento de seguimiento HTML5, subtítulos HLS y muchas plataformas de vídeo

WebVTT es el formato complementario asociado con el elemento de pista de vídeo HTML y aparece en sistemas de entrega web que consumen texto cronometrado. Algunos flujos de trabajo de plataforma y transmisión también utilizan WebVTT, pero los detalles de aceptación pertenecen al destino y deben verificarse allí en lugar de inferirse de la extensión. Un archivo VTT válido aún puede entregarse con el tipo de medio incorrecto o bloquearse mediante reglas de entrega entre orígenes.

El kit de herramientas produce una representación de archivo; no configura una página HTML, encabezados de servidor o un manifiesto de transmisión. Trate la conversión como una etapa en la entrega y pruebe el reproductor real con la misma URL, encabezados y relación de origen que utilizará la audiencia.

Lo que esto no cubre: el modelo de región y estilo completo, que la mayoría de los archivos de subtítulos nunca usan

El modelo de región y estilo completo está fuera de este convertidor. Los selectores de señales complejos, el diseño de regiones y las políticas de presentación merecen una herramienta de creación compatible con WebVTT y pruebas de navegador. El analizador omite los bloques STYLE y REGION, por lo que enviar dicho maestro a través de esta ruta los elimina de cualquiera de las salidas en lugar de preservarlos de forma invisible.

La herramienta también incluye una configuración de señal en la salida SRT aunque SRT no tiene un mecanismo definido para actuar en consecuencia. Ese límite documentado es una razón para conservar el archivo maestro VTT original siempre que la ubicación sea importante, no una razón para suponer que todos los destinos ignorarán el texto adicional de la misma manera.

Conclusión: un estándar real para la web: cómo Subtitle Toolkit produce WebVTT que lo sigue

WebVTT convierte un patrón de texto cronometrado familiar en una entrada web definida. La firma lo identifica, la gramática de la marca de tiempo es canónica y el modelo de señal puede contener más que texto secuencial simple. Subtitle Toolkit produce el archivo canónico mínimo a partir de SRT analizando tiempos en milisegundos completos y luego escribiendo un encabezado WEBVTT, separadores de puntos y señales sin líneas de identificación.

Compare los recuentos de señales de origen y salida y lea todos los problemas de análisis antes de adjuntar el resultado a un reproductor. Si la fuente se basa en comentarios, regiones, bloques de estilo o identificadores, elija un flujo de trabajo que conserve esas características; un convertidor enfocado debería establecer ese límite en lugar de implicar una fidelidad completa de ida y vuelta.