WebVTT-textning (.vtt)

W3C Standard

Web Video Text Tracks (WebVTT) är W3C:s officiella webbstandard för bildtexter, undertexter och kapitelbeskrivningar. Formatet är inbyggt i HTML5-videoelement (<track>) och modern HTTP-livestreaming (HLS).

Konvertera SRT till VTT

Gratis konverterare från SRT till VTT i webbläsaren. Konvertera filer direkt på din enhet.

Granska och metadata

Operativsystem och filanalysverktyg identifierar WebVTT-filer genom att granska den inledande sekvensen av binära byte:

Välj eller släpp filer här

Privat - filer lämnar aldrig din enhet

eller klistra in Ctrl+V
Integritetsgaranti utan nätverksöverföring: 0 byte laddades upp till externa servrar. All bearbetning skedde lokalt i webbläsarens sandlåda.

Signatur i filhuvudet på bytenivå (magiska byte)

Operativsystem och filanalysverktyg identifierar WebVTT-filer genom att granska den inledande sekvensen av binära byte:

HEX-SIGNATUR (OFFSET 0):

57 45 42 56 54 54

ASCII-REPRESENTATION: WEBVTT

Standardisering: W3C WebVTT Recommendation

Tekniska specifikationer

ContainerarkitekturUTF-8-textfil som börjar med signaturen "WEBVTT", följd av valfria STYLE- och NOTE-block samt cue-block i följd
KomprimeringOkomprimerad ren text (komprimeras vanligtvis över HTTP med Gzip eller Brotli)
ByteordningUTF-8-textström
FärgrymderFullständigt stöd för CSS Color Module Level 4 i cue-stilar
Kanaler och strukturTidskodade cues, konfidensvärden för taligenkänning, CSS-formatering och inställningar för skärmposition
Maximala dimensionerObegränsat antal sekventiella cues
TransparensFull opacitet och alfagenomskinlighet i CSS stöds via pseudoelementet ”::cue”
Strömning och progressiv visningInbyggd strömning i HTML5-<video>-element och HLS-/DASH-manifest för direktvideo

Teknisk jämförelsematris: WebVTT jämfört med konkurrenter

Tekniskt attributWebVTT (Aktuell)SRTASSSUB
HTML5-webbintegrering100 % nativ standard (<track>)Kräver JS-konverteringKräver WebAssemblyKräver konvertering
CSS-stylingFullt inbyggt CSS-stöd för formatering (::cue)Endast grundläggande HTML-taggarProprietära åsidosättningstaggarIngen
HLS- / DASH-streamingWebVTT används för tidskodade textspår i webbläsarvideo och vissa strömningsspellistor; stöd i spelaren beror på leveransformatet.Stöds via muxningBegränsat stöd för strömningInget
Krav på sidhuvudStrikt 'WEBVTT'-magisk text på rad 1Inget sidhuvud krävs[Script Info]-sektionInget sidhuvud krävs

Vanliga skadeorsaker och hex-återställningsguide

Felmeddelande i webbläsarkonsolen: 'Malformed WebVTT file: Missing WEBVTT signature'.

Grundorsak: Strängen 'WEBVTT' saknas på rad 1, eller så finns det tomma rader före sidhuvudet.

Återställning: Infoga 'WEBVTT\n\n' högst upp i filen med hjälp av File2File.app Subtitle Converter.

Säkerhetsanalys och attackvektorer för tolkar

WebVTT-tolkar i webbläsare bearbetar otillförlitliga textdelar vilket kan leda till Cross-Site Scripting (XSS) om innehållet renderas osanerat i DOM-trädet.

Kända attackvektorer

  • XSS-injektering via osanerat HTML-innehåll i textdelar som injiceras i webbvideospelarens DOM.
  • Server-Side Request Forgery (SSRF) vid automatiserad generering av undertextminiatyrer på serversidan.
  • Tjänsteavbrott (DoS) genom felaktiga CSS-väljare för textdelar.

Rekommenderade skyddsåtgärder: Förlita dig på webbläsarens inbyggda <track>-rendering och sanera textdelsdata före manuell DOM-inmatning.

Historiskt ursprung och milstolpar

2019W3C flyttar officiellt fram WebVTT: The Web Video Text Tracks Format mot status som föreslagen rekommendation (Proposed Recommendation).
2011Bytte namn från WebSRT till WebVTT för att etablera en distinkt W3C-standard skild från klassiska SubRip.
2010WHATWG introducerar WebVTT för att lösa nativa textningsbehov för HTML5-taggen <video>.

Viktiga fördelar

  • HTML-elementet <track> använder WebVTT för textning och undertexter. Webbläsare återger tidsangivelser och formatering via videospelaren, med vissa skillnader i vilka funktioner för tidsangivelser som stöds.
  • Stöd för rik CSS-formatering: anpassa färger, typsnitt, bakgrunder och positioner med det nativa CSS-pseudoelementet '::cue'.
  • HLS- och MPEG-DASH-tjänster kan leverera WebVTT-textspår tillsammans med videosegment. Kontrollera att spelaren stöder textningens paketering i spellistan och språkspåren.

Tekniska begränsningar

  • Strikta sidhuvudskrav: filen måste börja med den exakta texten 'WEBVTT' på den allra första raden, annars avvisas den av webbläsare.
  • Millisekundersavgränsare med punkt ('00:01:20.500') kräver konvertering från äldre kommaseparerade SRT-filer.
  • Äldre hårdvaruspelare utan webbläsare (som billiga USB-mediaboxar) saknar ofta inbyggt stöd för WebVTT.

Intressant teknisk kuriosa

  • Varje giltig WebVTT-fil måste börja med det exakta ordet 'WEBVTT' på den första raden; allt annat gör att webbläsare ignorerar filen.
  • WebVTT kallades ursprungligen för 'WebSRT' eftersom det avsiktligt utformades för att se nästan identiskt ut med klassiska SRT-undertexter.
  • WebVTT kan även användas för videokapitel och interaktiva miniatyrverktygstips när muspekaren hålls över videons söklinje.

Vanliga tekniska frågor

Vad används WebVTT till?

WebVTT är det officiella webbstandardformatet för att lägga till undertexter, textning (captions), kapitel och beskrivningar till HTML5-<video>-element på webbplatser.

Hur kan jag konvertera en SRT-undertext till WebVTT?

Du kan konvertera SRT-filer till rena WebVTT-filer med ett enda klick i File2File.app, direkt i webbläsaren.

Varför visas inte mina WebVTT-undertexter i webbläsaren?

Se till att din fil börjar med "WEBVTT" på rad 1, har en tom rad efter det, och att din webbserver skickar filen med huvudet "Content-Type: text/vtt".