WebVTT ist das Untertitelformat, das ein Browser lesen kann. Und es ist das einzige: hängen Sie ein SRT an ein HTML5-Video und es passiert absolut nichts. Kein Fehler, keine Warnung, kein Untertitel.
Seine Endung ist .vtt und innen sieht es einem SRT sehr ähnlich. Drei Dinge ändern sich: es trägt einen vorgeschriebenen Kopf, es setzt einen Punkt, wo ein SRT ein Komma setzt, und es kann erheblich mehr ausdrücken als ein SRT es schafft.
Was drinsteht
WEBVTT
1
00:00:04.120 --> 00:00:06.480
Bevor wir zu den Zahlen kommen,
gehen wir noch einmal durch, wo wir stehen.
2
00:00:06.600 --> 00:00:09.000 line:90% align:start
Womit ich nicht gerechnet hatte,
war der Einbruch in der zweiten Woche.
Diese erste Zeile muss WEBVTT sagen. Erscheint sie nicht, sitzt eine Bytereihenfolge-Marke davor, oder kommt eine leere Zeile davor, wirft der Browser die ganze Datei weg.
Von da an dieselben Blöcke wie immer. Mit zwei Unterschieden, die man auf einen Blick sieht: der Punkt vor den Millisekunden, und die Möglichkeit, Angaben an das Ende der Zeitzeile zu hängen.
Was es gegenüber einem SRT hinzufügt
Position und Ausrichtung. line:90% setzt den Untertitel nach unten, align:start heftet ihn links an und position:20% verschiebt ihn zur Seite. Praktisch, um eine Einblendung nicht zu verdecken, die schon im Bild ist.
Stil. Ein STYLE-Block mit echtem CSS am Kopf der Datei, und Klassen, die über <c.erzaehler> im Text verstreut werden. Farben, Größen, Schatten.
Wer spricht. Ein Tag <v Marta>Guten Morgen</v> ist die Art, die Stimme zu kennzeichnen. Player, die es erkennen, können sie in einer anderen Farbe zeichnen; die übrigen gehen daran vorbei. Bei einem Interview oder einer Besprechung ist das die Grenze zwischen einer Textwand und etwas Lesbarem.
Notizen und Regionen. NOTE-Blöcke halten Anmerkungen, die niemand sieht, und REGION grenzt Bereiche des Schirms mit eigenem Lauf ab, wie die Einblendungen, die in einer Livesendung hochrollen.
Kennungen für Sprechpassagen. Über der Zeitzeile nimmt jeder Block einen Namen an — intro, frage-3 —, um ihn aus JavaScript anzusprechen.
Wann Sie ein VTT brauchen
Immer, wenn das Video in einem Browser läuft. Wenn Ihre Seite ein <video> mit seinem <track> enthält, muss diese Datei WebVTT sein:
<video controls>
<source src="besprechung.mp4" type="video/mp4" />
<track src="besprechung.vtt" kind="subtitles" srclang="de" label="Deutsch" default />
</video>
Und dasselbe mit den heutigen Web-Playern (Video.js, Plyr, Shaka) und mit HLS-Übertragung, die Untertitel als WebVTT-Segmente verteilt.
Jenseits der Browsertür fragt kaum jemand danach: Desktop-Schnittprogramme, die Player, die alle immer benutzt haben, und fast jedes Upload-Formular erwarten noch ein SRT.
Zwei Dinge, die kaputtgehen und nicht die Schuld der Datei sind
Der Server muss sie als text/vtt ausliefern. Als text/plain oder als application/octet-stream geliefert, werfen manche Browser sie weg. Das wird in der Serverkonfiguration angefasst, nie in der Datei.
Und sie muss von derselben Herkunft kommen, oder CORS mitbringen. Ein .vtt auf einer anderen Domain ohne den Kopf Access-Control-Allow-Origin lädt nie, so schön die Adresse auch funktioniert, wenn Sie sie von Hand öffnen. Es ist die Ursache Nummer eins des Klassikers «das Video läuft, die Untertitel nicht».
Keines von beiden ist ein Inhaltsproblem und keines hinterlässt einen sichtbaren Fehler auf der Seite. Sie zeigen sich im Netzwerk-Tab der Browserwerkzeuge, und nur, wenn Sie wissen, dass Sie dort nachsehen müssen.
Sie umwandeln
Der Weg von SRT zu VTT ist einfach: den Kopf hinsetzen, einen Punkt setzen, wo das Komma war, und diese Zeichen & und < maskieren, die ein SRT als Text hält und die WebVTT für Markup nehmen würde. Unser Umwandler SRT zu VTT klärt alle drei in Ihrem Browser, ohne dass die Datei ihn verlässt.
Rückwärts bleibt alles draußen, was ein SRT nicht sagen kann — die Position, der Stil, die Regionen —, also verwirft der Umwandler VTT zu SRT es und macht aus den Stimm-Tags ein «Marta:», das die Zeile eröffnet, so wie ein SRT es zeigen kann. Welches wofür.
Wenn Sie das Video haben und nicht die Untertitel
Laden Sie es hoch und wir geben die Transkription mit ihren Minuten zurück, mit jeder Stimme getrennt und benannt, und mit einer Zusammenfassung. Das VTT fällt daraus schon zusammengesetzt und mit gekennzeichneten Stimmen heraus. Kein Konto zum Anfangen.