Genera subtítulos WebVTT — el estándar W3C para vídeo web

Archivos VTT correctamente formateados con separadores de punto en marcas de tiempo, encabezado WEBVTT y estructura de cues que funciona con elementos HTML5 <track>, transmisiones HLS y todos los navegadores modernos.

Arrastra tu archivo aquí o haz clic para explorar

.mp3, .wav, .m4a, .aac, .ogg, .flac, .mp4, .mov, .avi, .mkv, .webm·hasta 500MB

WebVTT: el formato de subtítulos que la web realmente usa

WebVTT (Web Video Text Tracks) es el estándar W3C para subtítulos en vídeo HTML5. A diferencia de SRT, VTT admite estilos CSS vía el pseudo-elemento ::cue, configuraciones de posicionamiento y alineación de cues, bloques de comentarios NOTE y marcadores de capítulos. Es el formato obligatorio de subtítulos para HLS (HTTP Live Streaming) — si estás transmitiendo vídeo, necesitas VTT, no SRT. Vocova genera archivos WebVTT conformes a la especificación a partir de cualquier fuente de audio o vídeo.

Cómo funciona

1

Sube cualquier archivo de audio o vídeo

Arrastra y suelta cualquier archivo multimedia. Aceptamos todos los formatos principales y extraemos el habla para la generación de subtítulos.

  • Todo audio: MP3, WAV, M4A, AAC, OGG, FLAC, WMA
  • Todo vídeo: MP4, MOV, AVI, MKV, WebM, WMV
  • Archivos de hasta 500 MB admitidos
2

La IA transcribe y formatea como VTT

El habla se transcribe y segmenta en cues WebVTT con sincronización adecuada, el encabezado WEBVTT obligatorio y marcas de tiempo separadas por puntos según la especificación W3C.

  • Encabezado WEBVTT con región de metadatos opcional
  • Milisegundos separados por punto (HH:MM:SS.mmm)
  • Cues segmentados para un flujo de lectura natural
3

Revisa y descarga tu archivo VTT

Previsualiza cada cue, edita el texto si es necesario, y descarga el archivo VTT listo para reproductores de vídeo HTML5, transmisiones HLS o plataformas web.

  • Edita el texto de los cues antes de exportar
  • Estructura conforme a W3C en todo momento
  • Codificación UTF-8 para todos los idiomas

Características

Soporte de estilos CSS ::cue

Los subtítulos WebVTT pueden estilizarse con CSS usando el pseudo-elemento ::cue. Cambia fuente, color, tamaño, fondo y opacidad. También puedes usar ::cue(b), ::cue(i) y selectores de voz para estilos por elemento. Esta es la ventaja clave sobre SRT, que no tiene mecanismo de estilos estándar.

Posicionamiento y alineación de cues

Los cues VTT admiten configuraciones de posición, alineación, tamaño y ubicación de línea. Pon subtítulos de identificación de hablante en la parte superior de la pantalla, coloca descripciones a la izquierda o centra diálogos estándar. Estos controles de posicionamiento son parte de la especificación VTT, no un truco.

Bloques NOTE para metadatos

WebVTT admite bloques de comentarios NOTE — metadatos visibles en el archivo pero no mostrados en pantalla. Úsalos para notas del traductor, contexto para editores, información de idioma o seguimiento de versiones. SRT no tiene una función equivalente.

Formato obligatorio para streaming HLS

La especificación HLS de Apple requiere WebVTT para subtítulos — SRT no es compatible en manifiestos HLS. Si estás entregando vídeo vía HLS (lo que incluye la mayoría del vídeo iOS, Apple TV y muchos CDNs), debes usar VTT. Nuestros archivos están listos para integración HLS.

Manejo correcto de tipo MIME

Los archivos VTT deben servirse con el tipo MIME text/vtt. Muchos servidores web por defecto usan text/plain para archivos .vtt, lo que hace que los navegadores los rechacen como pistas de subtítulos. Lo indicamos en nuestra salida para que sepas configurar tu servidor correctamente — un problema común que rompe los subtítulos silenciosamente.

Por qué elegir Vocova

Añade subtítulos a vídeo HTML5

Usa el elemento <track> dentro de tu etiqueta <video> para añadir subtítulos de forma nativa. WebVTT es el único formato de subtítulos soportado por el elemento HTML5 <track> — SRT no funciona aquí. Una línea de HTML y tu vídeo tiene subtítulos.

Subtitula transmisiones de vídeo HLS

HLS exige WebVTT para subtítulos. Si estás usando AWS MediaConvert, Cloudflare Stream, Mux o cualquier pipeline HLS, necesitas archivos VTT. Genéralos de tu medio fuente e inclúyelos en tu manifiesto HLS.

Estiliza subtítulos con el CSS de tu marca

Usa el pseudo-elemento ::cue para estilizar subtítulos WebVTT con las fuentes, colores y tratamiento de fondo de tu marca. Elimina el cuadro negro predeterminado de fondo, cambia el color del texto, ajusta el tamaño de fuente — todo con CSS estándar.

Cumple estándares de accesibilidad web

WCAG 2.1 recomienda WebVTT para subtítulos de vídeo web. Genera archivos VTT de tu contenido de vídeo para cumplir los requisitos de Nivel A de WCAG (subtítulos para medios pregrabados) y requisitos de Nivel AA.

Quién puede beneficiarse

Desarrolladores web

Añade pistas WebVTT a reproductores de vídeo HTML5 en tus sitios. Usa el elemento <track> con kind='captions' o kind='subtitles'. Estiliza con CSS ::cue para una experiencia de subtítulos de aspecto nativo.

Ingenieros de infraestructura de streaming

Genera archivos VTT para pistas de subtítulos HLS y DASH. Segmenta archivos VTT para manifiestos de tasa de bits adaptativa. WebVTT es el único formato de subtítulos que HLS soporta nativamente.

Desarrolladores de plataformas de e-learning

Añade subtítulos a vídeos de cursos en plataformas LMS. La mayoría de sistemas LMS modernos (Canvas, Moodle, Blackboard) usan vídeo HTML5 y esperan WebVTT para pistas de subtítulos.

Creadores de contenido que publican en la web

Genera archivos de subtítulos VTT para vídeos embebidos en tu blog, portafolio o sitio de medios. WebVTT funciona en todos los navegadores modernos sin plugins ni bibliotecas JavaScript.

Preguntas frecuentes

¿Qué navegadores admiten estilos ::cue de WebVTT?

Chrome, Edge, Safari y Firefox admiten estilos ::cue básicos (fuente, color, fondo, opacidad). Chrome y Edge tienen el soporte más amplio para funciones avanzadas como ::cue(v[voice='Speaker']), posicionamiento y estilos por elemento. Firefox y Safari admiten las propiedades de estilo principales pero tienen algunas limitaciones con selectores de voz y posicionamiento. Prueba tus estilos específicos en los navegadores objetivo.

¿Qué son los bloques NOTE y marcadores de capítulos en VTT?

Los bloques NOTE son secciones de comentarios que aparecen en el archivo pero nunca se muestran en pantalla. Úsalos para instrucciones del traductor, info de versión o contexto. Los marcadores de capítulos son cues con kind='chapters' que definen secciones nombradas del vídeo — los navegadores pueden mostrarlos como una interfaz de navegación por capítulos. Ambas son funciones exclusivas de VTT que SRT no puede replicar.

¿Por qué HLS requiere VTT y no SRT?

La especificación HLS de Apple (RFC 8216) exige WebVTT para pistas de subtítulos. La razón técnica es que VTT fue diseñado para entrega web desde el principio — es un estándar web W3C, mientras que SRT es un formato de escritorio de la era del rippeo de DVDs. Los manifiestos HLS referencian archivos de segmentos VTT, e iOS/Safari solo analizan VTT para elementos <track>. Si intentas usar SRT en un manifiesto HLS, será ignorado silenciosamente.

¿Cómo elimino el cuadro negro predeterminado detrás de los subtítulos?

El fondo negro es añadido por el estilo predeterminado de subtítulos del navegador. Sobreescríbelo con CSS: '::cue { background-color: transparent; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); }'. El text-shadow reemplaza el cuadro de fondo con una sombra sutil que mantiene el texto legible sobre cualquier contenido de vídeo. Nota: este enfoque de estilos funciona en Chrome y Edge; Safari requiere un manejo diferente.

Mi archivo VTT funciona localmente pero no en mi servidor. ¿Por qué?

Casi seguro es un problema de tipo MIME. Los archivos VTT deben servirse con el Content-Type 'text/vtt'. Muchos servidores web sirven archivos .vtt como 'text/plain' por defecto, y los navegadores los rechazan silenciosamente como pistas de subtítulos. Corrígelo en la configuración de tu servidor: para Nginx añade 'types { text/vtt vtt; }', para Apache añade 'AddType text/vtt .vtt', o configura el encabezado Content-Type en la configuración de tu CDN.

¿Cuál es la diferencia técnica entre VTT y SRT?

Más allá de lo obvio (VTT usa puntos en marcas de tiempo, SRT usa comas): VTT tiene un encabezado 'WEBVTT' obligatorio, admite estilos CSS vía ::cue, permite configuraciones de posicionamiento/alineación de cues, incluye bloques de comentarios NOTE, admite etiquetas de voz (<v Speaker>), y puede definir regiones para ubicación de subtítulos. SRT no tiene ninguna de estas funciones. VTT es un estándar web (W3C); SRT es un formato informal sin especificación oficial.

¿Puedo usar archivos VTT con editores de vídeo de escritorio como Premiere Pro?

La mayoría de editores de escritorio importan archivos VTT, aunque el soporte varía. Premiere Pro y DaVinci Resolve manejan bien la importación VTT. Final Cut Pro prefiere SRT pero puede trabajar con VTT. Si tu flujo de trabajo es principalmente edición de escritorio, SRT puede tener soporte más universal. Si tu flujo de trabajo involucra entrega web, HLS o vídeo HTML5, VTT es la elección correcta.

Comienza a transcribir gratis

Sube un archivo o pega un enlace de YouTube, podcasts, almacenamiento en la nube y más de 1,000 plataformas. Obtén una transcripción precisa en minutos. No se requiere tarjeta de crédito.