Por qué el vídeo web necesita VTT
El SRT es el formato de subtítulos más común, generado por editores, servicios de transcripción y herramientas de descarga. Sin embargo, los navegadores solo aceptan WebVTT en el elemento HTML5 <track>. Un archivo SRT enlazado directamente a un vídeo simplemente no se muestra.
Los formatos se parecen, pero los detalles importan: WebVTT exige una cabecera WEBVTT, usa un punto en lugar de una coma antes de los milisegundos y admite un conjunto distinto de etiquetas. Este conversor se ocupa de cada una de esas diferencias.
SRT frente a WebVTT: comparación rápida
| Característica | SRT | WebVTT |
|---|---|---|
| Nombre completo | SubRip Subtitle | Web Video Text Tracks (WebVTT) |
| Tipo | Archivo de subtítulos en texto | Archivo de subtítulos en texto |
| Año de creación | Hacia el año 2000 | 2010 |
| Creado por | SubRip, un extractor gratuito de subtítulos para Windows | WHATWG, luego estandarizado por el W3C |
| Formato de tiempo | 00:01:02,500 (coma antes de los milisegundos) | 00:01:02.500 (punto antes de los milisegundos, horas opcionales) |
| Estilos | Solo etiquetas básicas como <i>, <b> y <u> | Estilos CSS, posición, ajustes de cue y voces |
| Ideal para | Reproductores, editores de vídeo y formularios de subida | Reproductores de vídeo HTML5 en webs |
| Compatibilidad | VLC, YouTube, Premiere Pro y la mayoría de smart TV | Todos los navegadores con <track>, además de YouTube y Vimeo |
| Tipo MIME | application/x-subrip | text/vtt |
Cómo convertir SRT a VTT
Paso 1: Selecciona el archivo .srt
Suelta tu archivo de subtítulos en el conversor.
Paso 2: VTT está preseleccionado
Mantén WebVTT como salida.
Paso 3: Convierte
Los subtítulos se analizan, las marcas de tiempo se normalizan y las etiquetas se limpian.
Paso 4: Añádelo a tu vídeo
Referencia el archivo .vtt en un elemento <track> o súbelo a tu plataforma de vídeo.
Qué corrige el conversor
Cabecera WEBVTT
Se añade al principio, como exige el formato.
Marcas de tiempo
00:01:02,500 pasa a 00:01:02.500, completando las horas cuando faltan.
Etiquetas no compatibles
Se eliminan las etiquetas <font> y los códigos de posición {\an8}; se conservan <i>, <b> y <u>.
Texto seguro
Los caracteres & y < sueltos se escapan para que los navegadores no descarten el subtítulo.
Dónde se necesita SRT a VTT
Reproductores de vídeo HTML5. Los subtítulos nativos de <video> exigen WebVTT.
Video.js, Plyr y reproductores similares. La mayoría de reproductores web esperan pistas VTT.
Plataformas de cursos. Muchas plataformas de formación piden subtítulos VTT.
Cumplimiento de accesibilidad. Los subtítulos en el vídeo web ayudan a cumplir los requisitos WCAG.
Usar el archivo VTT en una página web
Añade el archivo a tu vídeo con un elemento track, por ejemplo <track src="subtitulos.vtt" kind="subtitles" srclang="es" label="Español">. Sírvelo desde el mismo sitio que la página, o activa CORS si está en otro dominio; de lo contrario, los navegadores se niegan a cargarlo.
Comprueba que tu servidor envíe el archivo como text/vtt. Algunos servidores usan un tipo genérico que algunos navegadores rechazan.
Qué cambia en el texto de los subtítulos
Los números de subtítulo del SRT se eliminan, ya que WebVTT no los necesita. También se eliminan las coordenadas de posición que algunos archivos SRT incluyen tras las marcas de tiempo.
Las etiquetas de cursiva, negrita y subrayado existen en ambos formatos y se conservan. Las etiquetas de color de fuente se eliminan porque WebVTT da estilo al texto con CSS.
- Se conservan: texto, tiempos, <i>, <b>, <u>.
- Se eliminan: números de subtítulo, etiquetas <font>, códigos de posición.
- Se escapan: & y < sueltos.
Consejos para convertir subtítulos
- Guarda los archivos SRT en UTF-8 para que las tildes se vean bien.
- Comprueba que los subtítulos no se solapen; algunos reproductores ocultan los solapados.
- Usa reglas CSS ::cue para dar estilo a los subtítulos después de convertir.
- ¿Necesitas lo contrario? El conversor de VTT a SRT se encarga.
Preguntas sobre la conversión de SRT a VTT
¿Qué diferencia hay entre SRT y VTT?
VTT añade una cabecera WEBVTT, usa un punto antes de los milisegundos, permite estilos CSS y posicionamiento, y es el único formato que los navegadores admiten de forma nativa.
¿Se cambian los tiempos?
No. Las marcas de tiempo solo se reformatean; los tiempos son exactamente los mismos.
¿Se conservan las cursivas?
Sí. Las etiquetas <i>, <b> y <u> se mantienen porque WebVTT las admite.
¿Por qué mis subtítulos no aparecen en el navegador?
Comprueba que el archivo se sirva desde el mismo origen o con CORS, y que el elemento track apunte a la ruta correcta.
¿Maneja la marca de orden de bytes?
Sí. Se elimina un BOM inicial antes de analizar el archivo.
¿Se sube el archivo?
No. La conversión se hace en tu navegador.