WebVTT - WebVTT

WebVTT (Web Video Text Tracks) ist ein Standard des World Wide Web Consortium (W3C) zur Anzeige von zeitgesteuertem Text in Verbindung mit dem HTML5- <track> Element.

Die ersten Entwürfe seiner Spezifikation wurden 2010 von der WHATWG verfasst, nachdem diskutiert worden war, welches Untertitelformat von HTML5 unterstützt werden sollte – die Hauptoptionen sind die relativ ausgereifte, XML- basierte Timed Text Markup Language (TTML) oder eine völlig neue, aber leichtere Standard basierend auf dem weit verbreiteten SubRip- Format. Die endgültige Entscheidung fiel auf den neuen Standard, zunächst WebSRT (Web Subtitle Resource Tracks) genannt. Es teilte sich die .srtDateierweiterung und basierte weitgehend auf dem SubRip-Format, war jedoch nicht vollständig damit kompatibel. Das zukünftige Format wurde später in WebVTT umbenannt. In der Version des HTML5-Berichtsentwurfs vom 13. Januar 2011 wurde das <track>Element eingeführt und die Spezifikation aktualisiert, um WebVTT-Cue-Text-Rendering-Regeln zu dokumentieren. Die WebVTT-Spezifikation befindet sich noch im Entwurfsstadium, aber die grundlegenden Funktionen werden bereits von allen gängigen Browsern unterstützt.

Hauptunterschiede zu SubRip

• Die erste Zeile von WebVTT beginnt mit WEBVTT nach dem optionalen UTF-8- Byte-Reihenfolgezeichen
• Zwischen der ersten Zeile und dem ersten Cue ist Platz für optionale Header-Daten
• Timecode- Bruchwerte werden durch einen Punkt anstelle eines Kommas getrennt
• Timecode- Stunden sind optional
• Die Frame-Nummerierung/-Identifikation vor dem Timecode ist optional
• Kommentare, die mit dem Wort HINWEIS gekennzeichnet sind, können hinzugefügt werden
• Metadateninformationen können in einem JSON- Format hinzugefügt werden
• Kapitelinformationen können optional angegeben werden
• Unterstützt nur erweiterte Zeichen als UTF-8
• CSS in einer separaten Datei, die im begleitenden HTML-Dokument für C-Tags definiert ist, wird anstelle des FONT-Elements verwendet
• Cue-Einstellungen ermöglichen die Anpassung der Cue-Positionierung im Video

Kompatibilität

Firefox hat WebVTT in seinen nächtlichen Builds (Firefox 24) implementiert, aber anfänglich war es nicht standardmäßig aktiviert. Die Funktion musste in Firefox aktiviert werden, indem man auf die Seite "about:config" ging und den Wert von "media.webvtt.enabled" auf true setzte. YouTube begann im April 2013 mit der Unterstützung von WebVTT. Seit dem 24. Juli 2014 hat Mozilla WebVTT standardmäßig in Firefox aktiviert.

Untertitel in einer .vtt-Datei werden online angezeigt, aber nicht, wenn sie auf einem lokalen Laufwerk gespeichert sind.

Beispiel für das WebVTT-Format

WEBVTT 
Kind: captions
Language: en

00:09.000 --> 00:11.000
<v Roger Bingham>We are in New York City

00:11.000 --> 00:13.000
<v Roger Bingham>We are in New York City

00:13.000 --> 00:16.000
<v Roger Bingham>We're actually at the Lucern Hotel, just down the street

00:16.000 --> 00:18.000
<v Roger Bingham>from the American Museum of Natural History

00:18.000 --> 00:20.000
<v Roger Bingham>And with me is Neil deGrasse Tyson

00:20.000 --> 00:22.000
<v Roger Bingham>Astrophysicist, Director of the Hayden Planetarium

00:22.000 --> 00:24.000
<v Roger Bingham>at the AMNH.

00:24.000 --> 00:26.000
<v Roger Bingham>Thank you for walking down here.

00:27.000 --> 00:30.000
<v Roger Bingham>And I want to do a follow-up on the last conversation we did.

00:30.000 --> 00:31.500 align:end size:50%
<v Roger Bingham>When we e-mailed—

00:30.500 --> 00:32.500 align:start size:50%
<v Neil deGrasse Tyson>Didn't we talk about enough in that conversation?

00:32.000 --> 00:35.500 align:end size:50%
<v Roger Bingham>No! No no no no; 'cos 'cos obviously 'cos

00:32.500 --> 00:33.500 align:start size:50%
<v Neil deGrasse Tyson><i>Laughs</i>

00:35.500 --> 00:38.000
<v Roger Bingham>You know I'm so excited my glasses are falling off here.

Andere Eigenschaften

Im Juni 2013 wurde der Spezifikation ein Beispiel hinzugefügt, das eine neue "Region"-Einstellung enthielt. Diese Funktion wird seit Firefox 59 unterstützt, jedoch in keinem anderen Browser.

Verweise