WebVTT

WebVTT
Filnamnstillägg
.vtt
Internet mediatyp
text/vtt
Utvecklad av World Wide Web Consortium (W3C)
Initial release 10 augusti 2010 ; för 12 år sedan ( 2010-08-10 )
Senaste släppningen
4 april 2019 ; för 3 år sedan ( 2019-04-04 )
Typ av format Tidsinställd text
Förlängt från SRT
Standard W3C WebVTT
Öppna format ? Ja
Fritt format? Ja
Hemsida (VTT)

WebVTT (Web Video Text Tracks) är en World Wide Web Consortium (W3C) standard för att visa tidsinställd text i samband med HTML5 <track> -elementet.

De tidiga utkasten till dess specifikation skrevs av WHATWG 2010 efter diskussioner om vilket bildtextformat som bör stödjas av HTML5 – huvudalternativen är det relativt mogna, XML -baserade Timed Text Markup Language (TTML) eller ett helt nytt men mer lättviktigt standard baserad på det flitigt använda SubRip- formatet. Det slutliga beslutet gällde den nya standarden, från början kallad WebSRT (Web Subtitle Resource Tracks). Det delade .srt och var i stort sett baserat på SubRip-formatet, men inte helt kompatibelt med det. Det blivande formatet döptes senare om till WebVTT. I den 13 januari 2011, versionen av HTML5 Draft Report, introducerades <track> -elementet och specifikationen uppdaterades för att dokumentera regler för WebVTT-cue-textrendering. WebVTT-specifikationen är fortfarande i utkaststadiet men de grundläggande funktionerna stöds redan av alla större webbläsare.

Huvudskillnaderna från SubRip

  • WebVTT:s första rad börjar med WEBVTT efter den valfria UTF-8 byte ordermarkeringen
  • Det finns utrymme för valfria rubrikdata mellan den första raden och den första signalen
  • Tidskodsbråkvärden separeras med ett punkt istället för ett kommatecken
  • Tidskodstimmar är valfria
  • Ramnumreringen/identifikationen som föregår tidskoden är valfri
  • Kommentarer identifierade med ordet NOTE kan läggas till
  • Metadatainformation kan läggas till i ett JSON- format
  • Kapitelinformation kan specificeras valfritt
  • Stöder endast utökade tecken som UTF-8
  • CSS i en separat fil som definieras i det kompletterande HTML-dokumentet för C-taggar används istället för FONT-elementet
  • Cue-inställningar tillåter anpassning av cue-positionering på videon

Kompatibilitet

Webbläsarstöd
Webbläsare Cue Text Taggar Cue positionering CSS-styling
Krom 35+
Android lager webbläsare 5,0+
Opera 22+
Safari 7+ (iOS: 8+)
Firefox 31+ (Android: 32+)
Microsoft Edge 12+
Internet Explorer 10+

Firefox implementerade WebVTT i sina nattliga versioner (Firefox 24), men från början var det inte aktiverat som standard. Funktionen måste aktiveras i Firefox genom att gå till sidan "about:config" och ställa in värdet för "media.webvtt.enabled" till sant. YouTube började stödja WebVTT i april 2013. Från och med den 24 juli 2014 har Mozilla aktiverat WebVTT på Firefox som standard.

Undertexter i en .vtt-fil visas online, men inte när de lagras på en lokal enhet.

Exempel på WebVTT-format

Ett exempel på fil från W3C där Roger Bingham intervjuar Neil deGrasse Tyson :

WEBVTT 00:11.000 --> 00:13.000 Vi är i New York City 00:13.000 --> 00:16.000 Vi är faktiskt på Lucern Hotel, precis på samma gata 00:16.000 --> 00:18.000 från American Museum of Natural History 00:18.000 --> 00:20.000 Och med mig är Neil deGrasse Tyson 00:20.000 --> 00:22.000 Astrofysiker, chef för Hayden Planetarium 00:22.000 --> 00:24.000 på AMNH. 00:24.000 --> 00:26.000 Tack för att du gick ner hit. 00:27.000 --> 00:30.000 Och jag vill göra en uppföljning av det senaste samtalet vi gjorde. 00:30.000 --> 00:31.500 align:right size:50% När vi skickade e-post— 00:30.500 --> 00:32.500 align:left size:50% Pratade vi inte tillräckligt mycket i det samtalet? 00:32.000 --> 00:35.500 align:right storlek:50% Nej! Nej nej nej nej; 'cos 'cos uppenbarligen 'cos 00:32.500 --> 00:33.500 align:left size:50% <i>Skrattar</i> 00:35.500 --> 00:38.000 Du vet att jag är så glad att mina glasögon faller av här.

Andra funktioner

I juni 2013 lades ett exempel till i specifikationen som inkluderade en ny "region"-inställning. Den här funktionen stöds sedan Firefox 59 och Safari 14.1 (14.5 på iOS) men inte i någon annan webbläsare.

externa länkar