WebVTT-textning (.vtt)

W3C Standard

Web Video Text Tracks (WebVTT) är W3C:s officiella webbstandard för bildtextning, undertexter och kapitelbeskrivningar, integrerad nativt 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 & Metadata

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

Välj eller släpp filer här

100 % privat konvertering i webbläsaren - filer lämnar aldrig din enhet

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

Signatur för filhuvud på bytenivå (Magic Bytes)

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

HEX-SIGNATUR (OFFSET 0):

57 45 42 56 54 54

ASCII-REPRESENTATION: WEBVTT

Standardisering: W3C WebVTT Recommendation

Tekniska specifikationer

ContainerarkitekturUTF-8 text file starting with 'WEBVTT' signature, followed by optional STYLE and NOTE blocks and sequential cue blocks
KomprimeringUncompressed plain text (typically compressed over HTTP via Gzip or Brotli)
BytessordinningUTF-8 text stream
FärgrymderFull CSS Color Module Level 4 support in cue styles
Kanaler och strukturTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Maximala dimensionerUnbounded sequential cues
TransparensFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Strömning och progressivNative streaming in HTML5 <video> elements and HLS / DASH live video manifests

Teknisk jämförelsematris: WebVTT vs konkurrenter

Tekniskt attributWebVTT (Aktuell)SRTASSSUB
HTML5-webbintegrering100 % nativ standard (<track>)Kräver JS-konverteringKräver WebAssemblyKräver konvertering
CSS-stylingFull nativ CSS-styling (::cue)Endast grundläggande HTML-taggarProprietära åsidosättringstaggarIngen
HLS- / DASH-streamingUniversell standard för streamingsändningarStöds via muxningBegränsat streamingstödInget
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 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 osanerats i DOM-trädet.

Kända attackvektorer

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

Rekommenderade skyddsåtgärder:

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

  • Nativ HTML5-webbstandard: stöds direkt av alla webbläsare i elementet <track> utan externa bibliotek.
  • Stöd för rik CSS-styling: anpassa färger, typsnitt, bakgrunder och positioner med det nativa CSS-pseudoelementet '::cue'.
  • Förstklassigt stöd för livestreaming: integrerat i Apple HLS- och MPEG-DASH-streamingscheman för sändningstexter.

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 som saknar webbläsarstöd (som billiga USB-mediaboxar) saknar ofta nativt WebVTT-stöd.

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 webbstandardenformatet 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 direkt i din webbläsare med File2File.app.

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".