WebVTT
Filnamnstillägg |
.vtt
|
---|---|
Internet mediatyp |
text/vtt
|
Utvecklad av | World Wide Web Consortium (W3C) |
Initial release | 10 augusti 2010 |
Senaste släppningen | 4 april 2019 |
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ä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.