HTML5-Handbuch - die neuen Features von HTML5

UTF8-Zeichenkodierung abspeichern kann. Denn Inhalte von WebVTT-Dateien sollten von Browsern als UTF8-kodierte Inhalte interpretiert werden. Achten Sie deswegen beim Speichern der Dateien darauf, dass UTF8 als Zeichenkodierung im Editor eingestellt ist. Vergeben Sie als Dateinamenendung .vtt.
Beispiel einer VTT-Datei mit Video-Untertiteln
    WEBVTT
     
    01:24.000 --> 01:26.000
    Der Verdächtige erscheint in der Aufzeichnung der Überwachungskamera.
     
    01:32.600 --> 01:34.600
    Der Verdächtige stellt seinen Rucksack auf dem Boden ab.
     
    02:16.250 --> 02:18.250
    Die Bombe explodiert.
    Wir blenden hier aus.
Erläuterung
    In der ersten Zeile einer WebVTT-Datei wird
WebVTT
notiert. Danach folgt eine Leerzeile. Im Anschluss daran können Sie beliebig viele sogenannte Cues (dt. Stichwort, Hinweis, Wink, Einsatzzeichen usw.) notieren. So werden die Dateneinheiten für jeden einzelnen Video-Untertitel oder jede Video-Szenenüberschrift bezeichnet.
    Jede Cue besteht mindestens aus einer Zeitangabe und einem Text. Die Zeitangabe muss genau das gezeigte Format haben, inklusive der Leerzeichen:
    min:sec.millisec —> min:sec.millisec
    Die Angabe definiert, wann genau und wie lange der nachfolgende Text als Untertitel, Szenenüberschrift usw. (abhängig vom
kind
-Attribut im zugehörigen
track
-Element) eingeblendet werden soll. Der Teil vor dem
—>
definiert den Zeitpunkt der Einblendung innerhalb des Videos, und der Teil danach den Zeitpunkt der Ausblendung. Jede Zeitangabe muss das angegebene Format genau einhalten. Dazu gehören auch die gezeigten führenden Nullen. Bei der Minutenangabe genügt eine führende Null bei Minutenangaben unter 10. Wenn Sie zu Millisekunden keine Angaben machen möchten, notieren Sie für
millisec
den Wert
000
.
    Getrennt durch einen Zeilenumbruch (nicht mehr!) folgt auf die Ein-/Ausblendangabe der gewünschte Videotext. Weitere erzwungene Zeilenumbrüche, so wie im dritten Cue des obigen Beispiels, werden innerhalb des Videotexts berücksichtigt und mit ausgegeben.
    Alle Cues müssen jeweils durch eine Leerzeile voneinander getrennt werden.
Weiterführendes Beispiel einer VTT-Datei
    WEBVTT
     
    NOTE
    Das WEBVTT-Format ist noch nicht endgültig spezifiziert.
    Es können sich durchaus noch Details ändern.
     
    Cue-437
    01:24.000 --> 01:26.800 size:20% align:middle
    Wenn du mir sagst, wer das getan hat, schenke ich dir die Freiheit.
     
    Cue-438
    01:32.600 --> 01:34.600
    Du bist der letzte, dem ich irgendwas sage!
Erläuterung: NOTE-Cues
•   Sie können eine spezielle Form von Cue notieren, die als Kommentar-Cue bewertet wird. Ein solcher Block beginnt mit dem Wort NOTE in einer eigenen Zeile. Vor einer Zeile mit dem Wort
NOTE
muss eine Leerzeile notiert werden. In den Zeilen unmittelbar nach dem Wort
NOTE
kann Kommentartext notiert werden. Dieser Text sollte von einem VTT-Parser ignoriert werden. Der Text darf selber keine Leerzeilen enthalten.
Erläuterung: Cue-IDs
•   Jeden einzelnen Cue können Sie mit einem eigenen ID-Namen ausstatten. ID-Namen werden unmittelbar oberhalb der Zeitangaben für die Ein-/Ausblendung in einer eigenen Zeile notiert. Im Beispiel oben sind das die ID-Namen
Cue-437
und
Cue-438
. Diese ID-Namen werden von Browsern als Ankerdefinitionen innerhalb des Videos erkannt und ermöglichen somit z. B. Hyperlinks zu der betreffenden Stelle im Video. Sie müssen deswegen HTML-dokumentweit eindeutig und HTML-konforme IDs sein (siehe dazu Kapitel 6.1.5 ).
Erläuterung: Cue Settings
•   WebVTT bietet auch Möglichkeiten an, eingeblendete Texte zu formatieren oder mit zusätzlichen semantischen Daten zu versehen. Das geschieht an zwei Stellen: zum einen als Ergänzungsangabe in der Cue-Zeile mit den Zeitangaben zu Ein- und Ausblendung, und zum anderen in Form HTML-Tag-ähnlicher Auszeichnungen im Cue-Bereich für den Text.
•   Zusätzliche Angaben in der Zeile mit den Zeitangaben zu Ein- und Ausblendung werden als Cue Settings bezeichnet. Die Angabe erfolgt, durch Leerzeichen getrennt, hinter der Zeitpunktangabe für die Ausblendung. Bei den Cue Settings können Sie angeben, an welcher Position die Cue-Texte eingeblendet werden sollen und wie sie ausgerichtet werden sollen. Nachfolgende Tabelle beschreibt die Möglichkeiten, die an dieser Stelle vorgesehen sind:
Setting-Bezeichner
Bedeutung
vertical
Richtet den vertikal zu lesenden Text, z. B. fernöstlicher Sprachen mit entsprechender Schreibrichtung, am linken oder rechten Rand