WebVTT

Aufbau eines Cues

Eine Datei besteht aus einem Kopfbereich und dann Cues. Jeder Cue ist ein Block wie bei SubRip, mit zwei optionalen Teilen.

WEBVTT
 
intro
00:00:23.000 --> 00:00:24.500 line:0
<v Celia>You're a jerk,
<i>Thom</i>.
 

Der Zeitcode

Andere Blöcke als Cues

Cue-Text

Farben

Acht Klassen sind ganz ohne CSS farbig: white, lime, cyan, red, yellow, magenta, blue und black, dazu dieselben acht mit bg_ für den Hintergrund. Jede andere Farbe braucht eine eigene Klasse und einen STYLE-Block:

STYLE
::cue(.gold) { color: #ffd700; }

00:00:30.800 --> 00:00:34.000
<c.gold>Why don't you just admit that</c>

Cue-Einstellungen

Subtitld liest line, position und align als Platz des Untertitels auf dem Bildschirm, dieselben neun Plätze wie {\an1} bis {\an9} bei SubRip, und schreibt sie zurück: line:0 für oben, line:50%,center für die Mitte, position:10% align:start und position:90% align:end für die Seiten.

WebVTT in Subtitld

Eine WebVTT-Datei öffnen

Subtitld findet jeden Cue anhand seiner Zeitzeile und liest:

• die Kopfzeile sowie die Blöcke NOTE, STYLE und REGION als das, was sie sind, nicht als Untertitel, und Cue-Kennungen als Namen;
• Zeiten mit oder ohne Stunden, mit Punkt oder Komma;
• Stimmen als Sprecher der Untertitel, bereit für die Synchronisation;
• die Farbklassen von WebVTT und die Farben, die ein STYLE-Block anderen Klassen gibt;
• line, position und align als Platz auf dem Bildschirm;
• beliebige Kodierung, obwohl WebVTT UTF-8 verlangt.

Es lässt weg, wofür es keinen Platz hat: Regionen, die Größe eines Cues, vertikalen Text, Lesungen von Ruby und Karaoke-Zeitstempel. Der Text selbst bleibt.

WebVTT exportieren

Export, dann Untertitel und VTT bietet:

• TextDas Original, eine Übersetzung oder beides, die Übersetzung darunter.
• SprechernamenWeggelassen, vor dem Text (Thom: …) oder als Voice-Tags (<v Thom>), die eigene Schreibweise von WebVTT.
• FormatierungBeibehalten oder entfernt.
• Zeiten verschiebenJeder Untertitel um denselben Betrag früher oder später.

Die Datei ist immer UTF-8, wie WebVTT es verlangt: WEBVTT, dann die Cues in der Reihenfolge ihres Starts, jede Zeit mit ihren Stunden. Zeichen, die als Markup gelesen würden, werden als Entitäten geschrieben, und leere Untertitel fallen weg.

Auf einer Webseite

<video controls src="tears-of-steel.mp4">
  <track kind="subtitles" src="tears-of-steel.en.vtt"
         srclang="en" label="English" default>
</video>

Liefern Sie die Datei als text/vtt aus. Von einer anderen Domain braucht das Video crossorigin und der Server einen Header Access-Control-Allow-Origin, sonst lädt der Browser die Spur nicht.

WebVTT oder SubRip?

SubRip für Player, Editoren und Uploads; WebVTT für Videos im Web. Die Seite zu SubRip stellt beide nebeneinander.

Wissenswertes