Korrekte WebVTT-Struktur
Jede Datei beginnt mit dem WEBVTT-Header und setzt einen Punkt vor die Millisekunden – zwei Details, die beim Konvertieren von Hand leicht untergehen.
Erstelle WebVTT-Untertitel fürs Web – aus einem Transkript, das du geprüft hast.
AutoCap transkribiert dein Video, lässt dich jedes Wort und jedes Timing korrigieren und schreibt eine gültige .vtt-Datei, in der der WEBVTT-Header schon steht.
Keine Kreditkarte · jeden Monat 2 Minuten kostenlos · Export als MP4, SRT und VTT
WEBVTT 00:00:01.200 --> 00:00:03.400Eine Untertiteldatei ist nur so gut 00:00:03.400 --> 00:00:05.100wie ihr Timing. 00:00:05.300 --> 00:00:07.050Dieses hier wurde geprüft.
WebVTT ist das Untertitelformat, das das HTML-Element track liest – und damit das Format, das der integrierte Videoplayer eines Browsers versteht. Wenn dein Video auf deiner eigenen Website oder in einem webbasierten Kurs läuft, ist das meist die Datei, die du brauchst.
Eine VTT-Datei sieht fast aus wie eine SRT-Datei, und genau aus dieser Ähnlichkeit entstehen fehlerhafte Dateien: eine fehlende Kopfzeile oder Kommas, die nach schnellem Suchen und Ersetzen in den Zeitstempeln geblieben sind. AutoCap schreibt beide Details korrekt – aus einem Transkript, das du bereits mit dem Video abgeglichen hast.
WebVTT-Dateien, gemacht für den Browser.
Einträge, getimt nach geprüften Wörtern
Start und Ende jedes Eintrags stammen aus dem wortgenauen Timing, das du geprüft hast. So erscheinen Untertitel mit dem Gesprochenen und nicht davor.
Bereit für das track-Element
Binde die Datei über ein HTML5-Element <track> ein, und der Player des Browsers kann die Untertitel anzeigen – ganz ohne Plug-in.
Eine SRT-Datei aus demselben Projekt
Lade zusätzlich eine SRT-Datei für YouTube oder ein Schnittprogramm herunter; Wörter und Timing stimmen exakt mit der VTT-Datei überein.
Schlichte Einträge, die du erweitern kannst
Einträge werden ohne Positionierung oder Styling geschrieben. So kannst du für deinen Player Eintragseinstellungen oder ::cue-CSS ergänzen, ohne etwas rückgängig machen zu müssen.
Eine VTT-Datei in vier Schritten erstellen.
- 01
Ausgangsvideo hochladen
Verwende ein MP4 oder MOV; transkribiert wird die Tonspur.
- 02
Bei der Wiedergabe Korrektur lesen
Schau das Video mit laufenden Untertiteln an und korrigiere Namen, Zahlen und falsch verstandene Wendungen.
- 03
Grenzen der Einträge anpassen
Teile oder verbinde Untertitelzeilen, sodass jeder Eintrag eine gut lesbare Phrase enthält, und pass das Timing jedes Worts an, das danebenliegt.
- 04
.vtt-Datei herunterladen
Exportiere die WebVTT-Datei in einem Bezahltarif und binde sie dann in deinen Player ein oder lade sie auf deine Plattform hoch.
Was eine WebVTT-Datei enthält
WebVTT, kurz für Web Video Text Tracks, ist eine W3C-Spezifikation. Eine Datei besteht aus reinem UTF-8-Text, der mit dem Wort WEBVTT beginnen muss, gefolgt von einer Leerzeile und einer Reihe von Einträgen.
Jeder Eintrag hat eine optionale Kennung, eine Zeile mit Zeitangaben und den Untertiteltext. Zeitstempel setzen einen Punkt vor die Millisekunden und dürfen die Stunden weglassen, und ein Block, der mit NOTE beginnt, ist ein Kommentar, den das Publikum nie sieht.
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.
Eintragseinstellungen und ::cue-Styling
WebVTT kann Untertitel auf eine Weise platzieren und gestalten, die mit SRT nicht möglich ist. Nach den Zeitstempeln in der Zeile mit Zeitangaben steuern optionale Eintragseinstellungen das Layout: line verschiebt einen Eintrag im Bild nach oben oder unten, position und size legen fest, wo sein Feld horizontal sitzt und wie breit es ist, und align bestimmt die Textausrichtung innerhalb dieses Felds.
Das Styling gehört ins CSS. Mit dem Pseudo-Element ::cue kann eine Webseite Farbe, Hintergrund und Schriftart der Untertitel in ihrem Videoplayer festlegen, und ::cue() mit einem Selektor kann einzelne Einträge ansprechen.
AutoCap schreibt schlichte Einträge und überlässt die Platzierung dem Player. Ergänze Einstellungen oder CSS von Hand, wenn deine eigene Website sie braucht.
- line:10% – hebt einen Eintrag bis nahe an den oberen Bildrand
- position:20% – verschiebt das Feld des Eintrags nach links
- size:50% – verkleinert das Feld des Eintrags auf die halbe Videobreite
- align:start – richtet den Text am Anfang jeder Zeile aus
video::cue {
color: #ffffff;
background-color: rgb(0 0 0 / 0.7);
font-family: system-ui, sans-serif;
}Wann eine VTT-Datei die richtige Wahl ist
Greif zu WebVTT, wann immer ein Browser die Untertitel lädt. Selbst gehostetes HTML5-Video bindet es über das track-Element ein, wie im Snippet unten, und Player, die auf diesem Element aufbauen, erwarten es in der Regel ebenfalls.
Anderswo ist es oft eine Option unter mehreren. Canvas Studio akzeptiert Untertitel-Uploads sowohl als SRT als auch als VTT, und YouTube führt WebVTT unter seinen unterstützten Formaten auf, auch wenn die YouTube-Hilfe Einsteigern SRT empfiehlt.
Du hast schon eine SRT-Datei? Wandle sie um, statt die Untertitel neu zu erstellen.
<video controls src="lesson.mp4"> <track kind="captions" src="lesson.vtt" srclang="en" label="English" default> </video>
Gut zu wissen.
Was ist eine VTT-Datei?
Eine WebVTT-Datei (.vtt) ist eine Untertiteldatei im Klartext für Webvideos. Sie beginnt mit dem Header WEBVTT, listet getimte Einträge auf und ist das Format, das das HTML-Element track verwendet.
Enthält die VTT-Datei Positionierung oder Styling?
Nein. AutoCap schreibt Standardeinträge mit genauem Timing und ohne Eintragseinstellungen. Jeder Player wendet also seinen eigenen Untertitelstil an, es sei denn, du ergänzt selbst Einstellungen oder CSS.
Warum wird meine VTT-Datei im Browser nicht angezeigt?
Prüf, ob die erste Zeile exakt WEBVTT lautet und die Zeitstempel Punkte statt Kommas verwenden. Liegt die Datei auf einer anderen Domain als die Seite, braucht sie außerdem CORS-Header und ein crossorigin-Attribut am video-Element.
Kann ich eine VTT-Datei kostenlos bekommen?
VTT-Downloads sind in jedem Bezahltarif ab $9 pro Monat enthalten. Wenn du schon eine SRT-Datei hast, ist der SRT-zu-VTT-Konverter kostenlos und läuft in deinem Browser.
Kann ich die VTT-Datei wieder in eine SRT-Datei umwandeln?
Ja. Lade in einem Bezahltarif die SRT-Datei aus demselben Projekt herunter oder wandle die VTT-Datei mit dem kostenlosen VTT-zu-SRT-Konverter um.
Probier es mit dem nächsten Video aus, das du postest.
Für den kostenlosen Tarif brauchst du keine Kreditkarte. Lade einen Clip hoch, prüf die Untertitel selbst und mach erst ein Upgrade, wenn das Wasserzeichen verschwinden soll.