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 (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.
Ziehen Sie eine beliebige Mediendatei per Drag & Drop hinein. Wir akzeptieren alle gängigen Formate und extrahieren die Sprache für die Untertitelgenerierung.
Sprache wird transkribiert und in WebVTT-Cues mit korrektem Timing, dem obligatorischen WEBVTT-Header und punkt-getrennten Zeitstempeln gemäß W3C-Spezifikation segmentiert.
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.
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.
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.
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.
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.
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.
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 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.
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.
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.
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.
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.
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.
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.
Chrome, Edge, Safari und Firefox unterstützen alle grundlegendes ::cue-Styling (Schriftart, Farbe, Hintergrund, Deckkraft). Chrome und Edge haben die breiteste Unterstützung für erweiterte Funktionen wie ::cue(v[voice='Speaker']), Positionierung und elementbezogenes Styling. Firefox und Safari unterstützen die Kern-Styling-Eigenschaften, haben aber einige Einschränkungen bei Voice-Selektoren und Positionierung. Testen Sie Ihr spezifisches Styling in den Zielbrowsern.
NOTE-Blöcke sind Kommentarabschnitte, die in der Datei erscheinen, aber nie auf dem Bildschirm angezeigt werden. Verwenden Sie sie für Übersetzeranweisungen, Versionsinformationen oder Kontext. Kapitelmarker sind Cues mit kind='chapters', die benannte Abschnitte des Videos definieren — Browser können diese als Kapitelnavigations-UI anzeigen. Beides sind VTT-exklusive Features, die SRT nicht replizieren kann.
Apples HLS-Spezifikation (RFC 8216) erfordert WebVTT für Untertitelspuren. Der technische Grund ist, dass VTT von Anfang an für die Web-Auslieferung konzipiert wurde — es ist ein W3C-Webstandard, während SRT ein Desktop-Format aus der DVD-Ripping-Ära ist. HLS-Manifests referenzieren VTT-Segmentdateien, und iOS/Safari parsen nur VTT für <track>-Elemente. Wenn Sie versuchen, SRT in einem HLS-Manifest zu verwenden, wird es stillschweigend ignoriert.
Der schwarze Hintergrund wird durch das Standard-Untertitel-Styling des Browsers hinzugefügt. Überschreiben Sie ihn mit CSS: '::cue { background-color: transparent; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); }'. Der Text-Shadow ersetzt die Hintergrundbox durch einen subtilen Schatten, der Text über jedem Videoinhalt lesbar hält. Hinweis: Dieser Styling-Ansatz funktioniert in Chrome und Edge; Safari erfordert eine andere Behandlung.
Fast sicher ein MIME-Typ-Problem. VTT-Dateien müssen mit dem Content-Type 'text/vtt' ausgeliefert werden. Viele Webserver liefern .vtt-Dateien standardmäßig als 'text/plain' aus, und Browser lehnen sie stillschweigend als Untertitelspuren ab. Beheben Sie es in Ihrer Serverkonfiguration: Für Nginx fügen Sie 'types { text/vtt vtt; }' hinzu, für Apache 'AddType text/vtt .vtt', oder setzen Sie den Content-Type-Header in Ihrer CDN-Konfiguration.
Über das Offensichtliche hinaus (VTT verwendet Punkte in Zeitstempeln, SRT verwendet Kommas): VTT hat einen obligatorischen 'WEBVTT'-Header, unterstützt CSS-Styling über ::cue, erlaubt Cue-Positionierungs-/Ausrichtungseinstellungen, enthält NOTE-Kommentarblöcke, unterstützt Voice-Tags (<v Speaker>) und kann Regionen für die Untertitelplatzierung definieren. SRT hat keines dieser Features. VTT ist ein Webstandard (W3C); SRT ist ein informelles Format ohne offizielle Spezifikation.
Die meisten Desktop-Editoren importieren VTT-Dateien, wobei die Unterstützung variiert. Premiere Pro und DaVinci Resolve verarbeiten den VTT-Import gut. Final Cut Pro bevorzugt SRT, kann aber mit VTT arbeiten. Wenn Ihr Workflow primär Desktop-Schnitt ist, kann SRT universeller unterstützt sein. Wenn Ihr Workflow Web-Auslieferung, HLS oder HTML5-Video umfasst, ist VTT die richtige Wahl.
Spezifikationskonforme SRT-Untertitel mit korrekter Formatierung generieren
Audio oder Video hochladen und sofort einsatzbereite Untertiteldateien erhalten
Extrahieren Sie genauen Text aus beliebigen Videodateien mit KI
Beliebige Audiodatei hochladen und sofort präzisen Text erhalten
MP4-Video transkribieren — jeder Codec, jede Audiospur, jede Quelle
Laden Sie Audio in beliebiger Sprache hoch und übersetzen Sie es in über 140 Sprachen
Laden Sie eine Datei hoch oder fügen Sie einen Link von YouTube, Podcasts, Cloud-Speicher und über 1.000 Plattformen ein. Erhalten Sie in wenigen Minuten ein präzises Transkript. Keine Kreditkarte erforderlich.