WebVTT-Untertitel generieren — der W3C-Standard für Web-Video
Korrekt formatierte VTT-Dateien mit Punkt-Zeitstempel-Trennzeichen, WEBVTT-Header und Cue-Struktur, die mit HTML5-<track>-Elementen, HLS-Streams und jedem modernen Browser funktioniert.
Datei hier ablegen oder zum Durchsuchen klicken
.mp3, .wav, .m4a, .aac, .ogg, .flac, .mp4, .mov, .avi, .mkv, .webm·bis zu 500MB
WebVTT: das Untertitelformat, das das Web tatsächlich nutzt
WebVTT (Web Video Text Tracks) ist der W3C-Standard für Untertitel in HTML5-Video. Anders als SRT unterstützt VTT CSS-Styling über das ::cue-Pseudo-Element, Cue-Positionierung und Ausrichtungseinstellungen, NOTE-Kommentarblöcke und Kapitelmarker. Es ist das obligatorische Untertitelformat für HLS (HTTP Live Streaming) — wenn Sie Video streamen, brauchen Sie VTT, nicht SRT. Vocova generiert spezifikationskonforme WebVTT-Dateien aus beliebigen Audio- oder Videoquellen.
So funktioniert es
Beliebige Audio- oder Videodatei hochladen
Ziehen Sie eine beliebige Mediendatei per Drag & Drop hinein. Wir akzeptieren alle gängigen Formate und extrahieren die Sprache für die Untertitelgenerierung.
- Alle Audioformate: MP3, WAV, M4A, AAC, OGG, FLAC, WMA
- Alle Videoformate: MP4, MOV, AVI, MKV, WebM, WMV
- Dateien bis zu 500 MB unterstützt
KI transkribiert und formatiert als VTT
Sprache wird transkribiert und in WebVTT-Cues mit korrektem Timing, dem obligatorischen WEBVTT-Header und punkt-getrennten Zeitstempeln gemäß W3C-Spezifikation segmentiert.
- WEBVTT-Header mit optionalem Metadaten-Bereich
- Punkt-getrennte Millisekunden (HH:MM:SS.mmm)
- Cues segmentiert für natürlichen Lesefluss
VTT-Datei überprüfen und herunterladen
Sehen Sie jeden Cue in der Vorschau, bearbeiten Sie bei Bedarf Text und laden Sie die VTT-Datei herunter, bereit für HTML5-Video-Player, HLS-Streams oder Web-Plattformen.
- Cue-Text vor dem Export bearbeiten
- W3C-konforme Struktur durchgehend
- UTF-8-kodiert für alle Sprachen
Funktionen
CSS-::cue-Styling-Unterstützung
WebVTT-Untertitel können mit CSS über das ::cue-Pseudo-Element gestylt werden. Ändern Sie Schriftart, Farbe, Größe, Hintergrund und Deckkraft. Sie können auch ::cue(b), ::cue(i) und Voice-Selektoren für elementbezogenes Styling verwenden. Dies ist der entscheidende Vorteil gegenüber SRT, das keinen standardisierten Styling-Mechanismus hat.
Cue-Positionierung und -Ausrichtung
VTT-Cues unterstützen Einstellungen für Position, Ausrichtung, Größe und Zeilenplatzierung. Platzieren Sie Sprecheridentifikations-Untertitel oben auf dem Bildschirm, Beschreibungen links oder zentrieren Sie Standard-Dialog. Diese Positionierungssteuerungen sind Teil der VTT-Spezifikation, kein Hack.
NOTE-Blöcke für Metadaten
WebVTT unterstützt NOTE-Kommentarblöcke — Metadaten, die in der Datei sichtbar sind, aber nicht auf dem Bildschirm angezeigt werden. Verwenden Sie sie für Übersetzerhinweise, Kontext für Editoren, Sprachinformationen oder Versionsverfolgung. SRT hat kein vergleichbares Feature.
HLS-Streaming — obligatorisches Format
Apples HLS-Spezifikation erfordert WebVTT für Untertitel — SRT wird in HLS-Manifests nicht unterstützt. Wenn Sie Video über HLS ausliefern (was die meisten iOS-Videos, Apple TV und viele CDNs einschließt), müssen Sie VTT verwenden. Unsere Dateien sind für die HLS-Integration bereit.
Korrekte MIME-Typ-Behandlung
VTT-Dateien müssen mit dem MIME-Typ text/vtt ausgeliefert werden. Viele Webserver verwenden standardmäßig text/plain für .vtt-Dateien, was Browser dazu bringt, sie als Untertitelspuren abzulehnen. Wir weisen in unserer Ausgabe darauf hin, damit Sie wissen, dass Sie Ihren Server korrekt konfigurieren müssen — ein häufiger Fallstrick, der Untertitel stillschweigend bricht.
Warum Vocova wählen
Untertitel zu HTML5-Video hinzufügen
Verwenden Sie das <track>-Element innerhalb Ihres <video>-Tags, um Untertitel nativ hinzuzufügen. WebVTT ist das einzige Untertitelformat, das vom HTML5-<track>-Element unterstützt wird — SRT funktioniert hier nicht. Eine Zeile HTML und Ihr Video hat Untertitel.
HLS-Video-Streams untertiteln
HLS erfordert WebVTT für Untertitel. Wenn Sie AWS MediaConvert, Cloudflare Stream, Mux oder eine andere HLS-Pipeline verwenden, brauchen Sie VTT-Dateien. Generieren Sie sie aus Ihren Quellmedien und integrieren Sie sie in Ihr HLS-Manifest.
Untertitel mit Ihrem Marken-CSS stylen
Verwenden Sie das ::cue-Pseudo-Element, um WebVTT-Untertitel mit den Schriftarten, Farben und Hintergrundbehandlung Ihrer Marke zu stylen. Entfernen Sie die Standard-Schwarze-Box-Hintergrund, ändern Sie die Textfarbe, passen Sie die Schriftgröße an — alles über Standard-CSS.
Web-Barrierefreiheitsstandards erfüllen
WCAG 2.1 empfiehlt WebVTT für Web-Video-Untertitel. Generieren Sie VTT-Dateien aus Ihren Videoinhalten, um WCAG-Level A (Untertitel für voraufgezeichnete Medien) und Level-AA-Anforderungen zu erfüllen.
Wer profitiert davon
Webentwickler
Fügen Sie WebVTT-Spuren zu HTML5-Video-Playern auf Ihren Websites hinzu. Verwenden Sie das <track>-Element mit kind='captions' oder kind='subtitles'. Stylen Sie mit CSS ::cue für ein natives Untertitelerlebnis.
Streaming-Infrastruktur-Ingenieure
Generieren Sie VTT-Dateien für HLS- und DASH-Untertitelspuren. Segmentieren Sie VTT-Dateien für Adaptive-Bitrate-Manifests. WebVTT ist das einzige Untertitelformat, das HLS nativ unterstützt.
E-Learning-Plattform-Entwickler
Fügen Sie Kursvideos auf LMS-Plattformen Untertitel hinzu. Die meisten modernen LMS-Systeme (Canvas, Moodle, Blackboard) verwenden HTML5-Video und erwarten WebVTT für Untertitelspuren.
Content-Creator, die im Web veröffentlichen
Generieren Sie VTT-Untertiteldateien für Videos, die auf Ihrem Blog, Portfolio oder Ihrer Medienwebsite eingebettet sind. WebVTT funktioniert in jedem modernen Browser ohne Plugins oder JavaScript-Bibliotheken.
Häufig gestellte Fragen
Verwandte Tools
SRT-Generator
Spezifikationskonforme SRT-Untertitel mit korrekter Formatierung generieren
Untertitel-Generator
Audio oder Video hochladen und sofort einsatzbereite Untertiteldateien erhalten
Video in Text
Extrahieren Sie genauen Text aus beliebigen Videodateien mit KI
Audio zu Text
Beliebige Audiodatei hochladen und sofort präzisen Text erhalten
MP4 in Text
MP4-Video transkribieren — jeder Codec, jede Audiospur, jede Quelle
Audioübersetzung
Laden Sie Audio in beliebiger Sprache hoch und übersetzen Sie es in über 140 Sprachen
Kostenlos mit dem Transkribieren beginnen
Laden Sie eine Datei hoch oder fügen Sie einen Link von YouTube, TikTok und über 1.000 weiteren Plattformen ein – und erhalten Sie in wenigen Minuten ein präzises Transkript. Keine Kreditkarte erforderlich.