WebVTT-undertekst (.vtt)

W3C Standard

Web Video Text Tracks (WebVTT) er den officielle W3C-webstandard til billedtekster, undertekster og kapitelbeskrivelser, som er integreret direkte i HTML5-videoelementer (<track>) og moderne HTTP live streaming (HLS).

Konverter SRT til VTT

Gratis SRT til VTT-konverter i browseren. Konverter filer med det samme på din enhed.

Undersøgelse og metadata

Operativsystemer og filanalysatorer identificerer WebVTT-filer ved at inspicere den indledende binære bytesekvens:

Vælg eller træk filer hertil

Privat - filer forlader aldrig din enhed

eller indsæt Ctrl+V
Privatlivsgaranti uden netværksoverførsel: 0 byte overført til eksterne servere. Al behandling foregik lokalt i browserens sandkasse.

Byte-niveau Header-signatur (Magic Bytes)

Operativsystemer og filanalysatorer identificerer WebVTT-filer ved at inspicere den indledende binære bytesekvens:

HEX-SIGNATUR (OFFSET 0):

57 45 42 56 54 54

ASCII-REPRÆSENTATION: WEBVTT

Standardisering: W3C WebVTT Recommendation

Tekniske specifikationer

ContainerarkitekturUTF-8-tekstfil, der begynder med signaturen 'WEBVTT', efterfulgt af valgfri STYLE- og NOTE-blokke samt sekventielle undertekstmarkører
KomprimeringUkomprimeret ren tekst (typisk komprimeret over HTTP med Gzip eller Brotli)
Byte-rækkefølgeUTF-8-tekststrøm
FarverumFuld understøttelse af CSS Color Module Level 4 i undertekststile
Kanaler og strukturTidskodede undertekstmarkører, talegenkendelsens sikkerhedsværdi, CSS-styling og indstillinger for skærmposition
Maks. dimensionerUbegrænset antal sekventielle undertekstmarkører
GennemsigtighedFuld CSS-opacitet og alfagennemsigtighed understøttes via pseudo-elementet '::cue'
Streaming og progressivIndbygget streaming i HTML5 <video>-elementer og HLS-/DASH-livevideomanifester

Teknisk sammenligningsmatrix: WebVTT sammenlignet med konkurrenterne

Teknisk attributWebVTT (Aktuel)SRTASSSUB
HTML5-webintegrationIndbygget standard i HTML5 (<track>).Kræver JS-konverteringKræver WebAssemblyKræver konvertering
CSS-stylingFuld indbygget CSS-styling (::cue)Kun grundlæggende HTML-tagsProprietære tilsidesættelsestagsIngen
HLS- / DASH-streamingWebVTT bruges til tidskodede tekstspor i browserafspilning af video og i visse streamingafspilningslister; understøttelsen afhænger af leveringsformatet.Understøttet via muxingBegrænset streamingunderstøttelseIngen
SidehovedkravDen obligatoriske magiske tekstlinje 'WEBVTT' på linje 1Intet sidehoved kræves[Script Info]-sektionIntet sidehoved kræves

Almindelige korruptionstilstande og hex-gendannelsesvejledning

Browserkonsolfejl: 'Malformed WebVTT file: Missing WEBVTT signature'.

Grundlæggende årsag: Manglende 'WEBVTT'-streng på linje 1 eller tomme linjer før sidehovedet.

Gendannelse: Tilføj 'WEBVTT\n\n' øverst i filen ved hjælp af File2File.app Subtitle Converter.

Sikkerhedsanalyse og parser-angrebsvektorer

WebVTT-parsere i webbrowsere behandler ikke-betroede cues, som kan føre til Cross-Site Scripting (XSS), hvis de indsættes i DOM'en uden rensning.

Kendte angrebsvektorer

  • XSS-injektion via urenset HTML-indhold i cues indsat i webvideoafspillerens DOM.
  • Server-Side Request Forgery (SSRF) under automatiseret serversidegenerering af undertekstminiaturer.
  • Nægtelse af tjeneste gennem fejlformede CSS-vælgere til undertekstspor.

Defensive bedste praksisser: Brug browserens indbyggede gengivelse af <track>, og rens cue-indhold før manuel indsættelse i DOM'en.

Historisk oprindelse og milepæle

2019W3C fremmer officielt WebVTT: The Web Video Text Tracks Format til status som foreslået anbefaling.
2011Omdøbt fra WebSRT til WebVTT for at etablere en særskilt W3C-standard adskilt fra det klassiske SubRip.
2010WHATWG introducerer WebVTT for at løse indbygget tekstning til HTML5 <video>-tagget.

Vigtige fordele og styrker

  • HTML-elementet <track> bruger WebVTT til billedtekster og undertekster. Browsere gengiver tidsindstillinger og formatering via videoafspilleren, men understøttelsen af undertekstfunktioner varierer en smule.
  • Omfattende understøttelse af CSS-formatering: tilpas farver, skrifttyper, baggrunde og positioner ved hjælp af det indbyggede '::cue' CSS-pseudoelement.
  • HLS- og MPEG-DASH-tjenester kan levere WebVTT-undertekstspor sammen med videosegmenter. Tjek, at målspilleren understøtter undertekster i afspilningslisten og de relevante sprogspor.

Tekniske begrænsninger og ulemper

  • Strengt sidehovedkrav: filen skal starte med den nøjagtige tekst 'WEBVTT' på allerførste linje, ellers afviser browserne den.
  • Punktum som millisekundseparator ('00:01:20.500') kræver konvertering fra ældre kommaseparerede SRT-filer.
  • Ældre hardwareafspillere uden for browsere (såsom billige USB-mediebokse) mangler ofte indbygget WebVTT-understøttelse.

Interessante tekniske fakta

  • Hver gyldig WebVTT-fil skal starte med det nøjagtige ord 'WEBVTT' på første linje; alt andet får browserne til at ignorere filen.
  • WebVTT blev oprindeligt kaldt 'WebSRT', fordi det med vilje blev designet til at se næsten identisk ud med klassiske SRT-undertekster.
  • WebVTT kan også bruges til videokapitler og interaktive værktøjstip med miniaturebilleder, når musen holdes over videokontrollinjer.

Ofte stillede tekniske spørgsmål

Hvad bruges WebVTT til?

WebVTT er det officielle webstandardformat til tilføjelse af undertekster, billedtekster, kapitler og beskrivelser til HTML5 <video>-elementer på hjemmesider.

Hvordan kan jeg konvertere en SRT-undertekst til WebVTT?

Du kan konvertere SRT-filer til rene WebVTT-filer med et enkelt klik ved hjælp af File2File.app direkte i din browser.

Hvorfor vil mine WebVTT-undertekster ikke vises i browseren?

Sørg for, at din fil starter med 'WEBVTT' på linje 1, har en tom linje efter sig, og at din webserver leverer den med HTTP-headeren 'Content-Type: text/vtt'.