Estructura WebVTT correcta
Todos los archivos empiezan con la cabecera WEBVTT y ponen un punto antes de los milisegundos, dos detalles que se pasan por alto con facilidad al convertir a mano.
Crea subtítulos WebVTT para la web a partir de una transcripción revisada.
AutoCap transcribe tu vídeo, te deja corregir cada palabra y sus tiempos, y escribe un archivo .vtt válido con la cabecera WEBVTT ya incluida.
Sin tarjeta de crédito · 2 minutos gratis cada mes · Exportación a MP4, SRT y VTT
WEBVTT 00:00:01.200 --> 00:00:03.400Un archivo de subtítulos vale 00:00:03.400 --> 00:00:05.100lo que valen sus tiempos. 00:00:05.300 --> 00:00:07.050Estos se han revisado.
WebVTT es el formato de subtítulos que lee el elemento track de HTML, así que es el que entiende el reproductor de vídeo integrado en el navegador. Si tu vídeo se reproduce en tu propia web o dentro de un curso en una plataforma web, este suele ser el archivo que necesitas.
Un archivo VTT se parece mucho a un SRT, y de ese parecido salen los archivos defectuosos: falta la línea de cabecera o quedan comas en las marcas de tiempo tras un buscar y reemplazar rápido. AutoCap escribe bien los dos detalles, a partir de una transcripción que ya has comprobado con el vídeo.
Archivos WebVTT hechos para el navegador.
Tiempos sacados de palabras revisadas
El inicio y el fin de cada subtítulo salen de la sincronización palabra por palabra que has revisado, así que los subtítulos aparecen con la voz y no antes.
Listo para el elemento track
Enlaza el archivo desde un <track> de HTML5 y el propio reproductor del navegador podrá mostrar los subtítulos, sin ningún plugin.
Un SRT del mismo proyecto
Descarga también un SRT para YouTube o un programa de edición; sus palabras y tiempos coinciden exactamente con los del VTT.
Subtítulos sencillos que puedes ampliar
Los subtítulos se escriben sin posición ni estilos, así que puedes añadir ajustes de subtítulo o CSS con ::cue para tu reproductor sin deshacer nada.
Crea un archivo VTT en cuatro pasos.
- 01
Sube el vídeo original
Usa un MP4 o MOV; lo que se transcribe es la pista de audio.
- 02
Revísalo mientras se reproduce
Mira el vídeo con los subtítulos en marcha y corrige nombres, cifras y frases mal entendidas.
- 03
Ajusta dónde se corta cada subtítulo
Divide o une líneas de subtítulo para que cada una recoja una frase legible, y ajusta los tiempos de cualquier palabra desfasada.
- 04
Descarga el .vtt
Exporta el archivo WebVTT con un plan de pago y enlázalo desde tu reproductor o súbelo a tu plataforma.
Qué contiene un archivo WebVTT
WebVTT, abreviatura de Web Video Text Tracks, es una especificación del W3C. Un archivo es texto plano UTF-8 que debe empezar con la palabra WEBVTT, seguida de una línea en blanco y después una serie de subtítulos.
Cada subtítulo tiene un identificador opcional, una línea de marcas de tiempo y el texto. Las marcas de tiempo ponen un punto antes de los milisegundos y pueden omitir las horas, y un bloque que empieza por NOTE es un comentario que el espectador nunca ve.
WEBVTT NOTE Cue identifiers are optional 00:00:01.200 --> 00:00:03.400 Web players read this format natively. 00:00:03.600 --> 00:00:05.900 The header line always comes first.
Ajustes de subtítulo (cue settings) y estilos con ::cue
WebVTT puede colocar los subtítulos y darles estilo de formas que SRT no permite. Después de las marcas de tiempo, en la misma línea, los ajustes de subtítulo opcionales controlan la disposición: line sube o baja un subtítulo en el encuadre, position y size fijan dónde se sitúa su cuadro en horizontal y qué ancho tiene, y align define la alineación del texto dentro de ese cuadro.
Los estilos van en el CSS. El pseudoelemento ::cue permite que una página web defina el color, el fondo y la fuente de los subtítulos en su reproductor de vídeo, y ::cue() con un selector puede aplicarse a subtítulos concretos.
AutoCap escribe subtítulos sencillos y deja la colocación al reproductor. Añade ajustes o CSS a mano si tu web los necesita.
- line:10% — sube un subtítulo cerca de la parte superior del vídeo
- position:20% — desplaza el cuadro del subtítulo hacia la izquierda
- size:50% — estrecha el cuadro del subtítulo a la mitad del ancho del vídeo
- align:start — alinea el texto al principio de cada línea
video::cue {
color: #ffffff;
background-color: rgb(0 0 0 / 0.7);
font-family: system-ui, sans-serif;
}Cuándo necesitas un archivo VTT
Recurre a WebVTT siempre que sea un navegador el que cargue los subtítulos. El vídeo HTML5 alojado en tu propio servidor lo recibe a través del elemento track, como en el fragmento de abajo, y los reproductores basados en ese elemento también suelen esperarlo.
En otros sitios suele ser una opción entre varias. Canvas Studio acepta subtítulos tanto en SRT como en VTT, y YouTube incluye WebVTT entre sus formatos compatibles, aunque sus páginas de ayuda recomiendan SRT a quien empieza.
¿Ya tienes un SRT? Conviértelo en lugar de volver a generar los subtítulos.
<video controls src="lesson.mp4"> <track kind="captions" src="lesson.vtt" srclang="en" label="English" default> </video>
Lo que conviene saber.
¿Qué es un archivo VTT?
Un archivo WebVTT (.vtt) es un archivo de subtítulos en texto plano para vídeo web. Empieza con una cabecera WEBVTT, contiene una lista de subtítulos con sus tiempos y es el formato que usa el elemento track de HTML.
¿El archivo VTT incluye posición o estilos?
No. AutoCap escribe subtítulos estándar con tiempos precisos y sin ajustes de subtítulo, así que cada reproductor aplica su propio estilo, a menos que añadas tú los ajustes o el CSS.
¿Por qué no aparece mi archivo VTT en el navegador?
Comprueba que la primera línea sea exactamente WEBVTT y que las marcas de tiempo usen puntos, no comas. Si el archivo está alojado en un dominio distinto al de la página, también necesita cabeceras CORS y un atributo crossorigin en el elemento video.
¿Puedo conseguir un archivo VTT gratis?
La descarga de VTT está incluida en todos los planes de pago, desde $9 al mes. Si ya tienes un SRT, el conversor de SRT a VTT es gratuito y funciona en tu navegador.
¿Puedo volver a convertir el VTT en SRT?
Sí. Descarga el SRT del mismo proyecto con un plan de pago o pasa el VTT por el conversor gratuito de VTT a SRT.
Pruébalo con el próximo vídeo que publiques.
El plan gratuito no necesita tarjeta. Sube un clip, comprueba los subtítulos y mejora tu plan solo cuando quieras quitar la marca de agua.