SRT in VTT Umwandler

SRT in VTT umwandeln in 3 einfachen Schritten

Was ist eine SRT-Datei?

Eine SRT-Datei (SubRip Subtitle) ist das am weitesten verbreitete und historisch bedeutsamste Nur-Text-Untertitelformat im Bereich digitaler Videos. Ursprünglich aus der Windows-Software SubRip hervorgegangen — mit der Untertitel und Timings von physischen DVDs extrahiert wurden —, hat sich das .srt-Format als weltweiter De-facto-Standard für Desktop-Mediaplayer, Fernsehgeräte, File-Sharing und professionelle Schnittprogramme etabliert.

Strukturell setzt sich eine SRT-Datei aus fortlaufend nummerierten Untertitelblöcken zusammen, die durch Leerzeilen getrennt sind. Jeder Block besteht aus vier festen Elementen: einer sequentiellen Indexnummer (1, 2, 3...), einer exakten Zeitleistenangabe für Start- und Endzeitpunkt (strikt formatiert als Stunden:Minuten:Sekunden,Millisekunden: 00:00:01,250 --> 00:00:04,500), einer oder mehreren Textzeilen mit Dialog sowie einer abschließenden Leerzeile.

Obwohl SRT-Dateien unkompliziert aufgebaut sind und von Programmen wie dem VLC Media Player, MPV, HandBrake oder Premiere Pro problemlos wiedergegeben werden, stammen sie aus einer Ära vor dem modernen Web. Folglich besitzt SRT keine native Unterstützung in HTML5-Webbrowsern und bietet keinerlei standardisierte Mechanismen für responsive Typografie, Bildschirmpositionierung oder visuelle CSS-Stile.

Was ist eine WebVTT-Datei (.vtt)?

WebVTT (Web Video Text Tracks) ist der offizielle offene Standard für Untertitel, Transkripte und Kapitelmarken im Web, geschaffen vom World Wide Web Consortium (W3C) und der WHATWG. Eingeführt mit der HTML5-Spezifikation, wird WebVTT von allen modernen Webbrowsern — einschließlich Google Chrome, Mozilla Firefox, Apple Safari und Microsoft Edge — direkt und nativ unterstützt, ohne dass zusätzliche JavaScript-Bibliotheken, Flash-Player oder serverseitige Konvertierungen nötig wären.

Eine WebVTT-Datei zeichnet sich durch ihren zwingend vorgeschriebenen Header aus: Die allererste Zeile des Dokuments muss zwingend mit dem exakten Schriftzug "WEBVTT" beginnen. Direkt nach dieser Signatur können Metadatenblöcke (wie Sprache, Titel oder Autor) und eingebettete Stylesheets definiert werden, bevor die eigentlichen Untertitel-Cues beginnen.

Neben gewöhnlichen Dialogtexten ist WebVTT speziell für moderne responsive Weboberflächen konzipiert. Es bietet integrierte Attribute für vertikale Textausrichtung, horizontale Positionierung, Zeilenabstand und Blockgröße. Darüber hinaus lässt sich WebVTT nahtlos mit CSS über das Pseudoelement ::cue anpassen, sodass Entwickler Schriftarten, Textschatten, Hintergrundtransparenzen und Farbwelten direkt über das Stylesheet ihrer Website steuern können.

Was macht ein SRT in VTT Umwandler?

Ein SRT in VTT Umwandler ist ein spezialisiertes Werkzeug, das die Brücke zwischen herkömmlichen Videoschnittformaten und der modernen Webvideowiedergabe schlägt. Er analysiert die Struktur von SubRip-Dateien (.srt), nimmt die notwendigen mathematischen und syntaktischen Formatierungsanpassungen vor und erzeugt valide, W3C-konforme WebVTT-Dateien (.vtt), die sich direkt in HTML5-<video>-Tags einbinden lassen.

Die zentrale technische Transformation betrifft das Millisekunden-Trennzeichen in den Zeitstempeln. Im SRT-Standard werden Millisekunden traditionell durch ein Komma abgetrennt (z. B. 00:01:23,450). Die WebVTT-Spezifikation verlangt jedoch zwingend einen Dezimalpunkt (00:01:23.450). Bereits ein einzelnes Komma führt dazu, dass die Video-Engine moderner Browser die gesamte Untertitelspur ablehnt oder nicht anzeigt.

Unser Umwandler führt sämtliche Parser-, Konvertierungs- und Bereinigungsschritte zu 100% lokal in Ihrem Webbrowser aus. Es werden zu keinem Zeitpunkt Untertiteldateien oder Textzeilen an externe Server übertragen, was absolute Geschwindigkeit, maximale Datensicherheit und unbegrenzte Dateigrößen garantiert.

SRT vs. VTT: Die wichtigsten technischen Unterschiede

Obwohl SRT und WebVTT auf den ersten Blick eine ähnliche Textstruktur aufweisen, unterscheiden sie sich in zentralen architektonischen Aspekten:

1. Pflicht-Header: Eine SRT-Datei beginnt unmittelbar mit der Cue-Nummer "1" in Zeile 1. Eine WebVTT-Datei MUSS dagegen zwingend mit "WEBVTT" in der ersten Zeile beginnen, optional gefolgt von Kommentaren. Fehlt dieser Header, verwerfen Browser die Datei als ungültig.

2. Millisekunden-Syntax im Zeitstempel: SRT nutzt Kommas (00:00:05,200), während WebVTT Punkte nutzt (00:00:05.200). WebVTT erlaubt zudem verkürzte Zeitangaben ohne Stunden (z. B. 05.200 --> 08.400) für kurze Clips, wenngleich das vollständige HH:MM:SS.mmm-Format für maximale Stabilität empfohlen wird.

3. Bildschirmpositionierung und Geometrie: SRT kennt keine standardisierte Positionskontrolle; Texte werden stets unten zentriert eingeblendet. WebVTT unterstützt direkte Ausrichtungsparameter in der Zeitzeile (z. B. "line:10%", "position:80%", "align:left", "size:50%"), wodurch vermieden wird, dass Untertitel Namensschilder oder Grafiken im unteren Bilddrittel verdecken.

4. Formatierung und Styling: SRT stützt sich auf veraltete Pseudo-HTML-Tags (<i>, <b>, <font color="...">), die von Web-Engines aus Sicherheitsgründen oft gefiltert werden. WebVTT bietet moderne Sprechermarker (<v Sprecher>), CSS-Klassen (<c.hervorgehoben>) und vollen Gestaltungsspielraum über CSS mit ::cue.

5. Kompatibilität mit HLS- und DASH-Streaming: Moderne adaptive Streaming-Protokolle wie Apple HLS und MPEG-DASH liefern Untertitel ausschließlich in segmentierten WebVTT-Paketen aus. Unkonvertierte SRT-Dateien in HLS-Manifesten führen zu sofortigen Wiedergabefehlern auf Apple-Geräten und mobilen Browsern.

Warum SRT in VTT umwandeln?

Häufige Fehler bei SRT- und VTT-Untertiteln & Lösungen

So binden Sie WebVTT-Untertitel in HTML5-Videos ein

Die Einbindung von WebVTT-Untertiteln in einen Web-Player ist unkompliziert: Es genügt das native <track>-Element innerhalb des <video>-Tags. Nachfolgend sehen Sie das empfohlene Standardmuster:

<video controls width="800" poster="/bilder/poster.jpg">
  <!-- Hauptvideodateien -->
  <source src="/videos/tutorial.mp4" type="video/mp4">
  <source src="/videos/tutorial.webm" type="video/webm">

  <!-- WebVTT-Untertitelspuren -->
  <track 
    kind="subtitles" 
    src="/untertitel/tutorial-de.vtt" 
    srclang="de" 
    label="Deutsch" 
    default>
  
  <track 
    kind="subtitles" 
    src="/untertitel/tutorial-en.vtt" 
    srclang="en" 
    label="English">

  <p>Ihr Browser unterstützt kein HTML5-Video. <a href="/videos/tutorial.mp4">Video herunterladen</a>.</p>
</video>

Technischer Vergleich: SRT vs. WebVTT

Vergleichen Sie die technischen Spezifikationen, Kompatibilitätswerte und Features beider Formate im Detail: