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øg & Metadata

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

Vælg eller træk filer hertil

100% privat konvertering i browseren - filer forlader aldrig din enhed

eller indsæt Ctrl+V
Privatlivsgaranti uden netværksoverførsel: 0 bytes uploadet til eksterne servere. Al behandling foregik lokalt i din browsers 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 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)
BytterejsningUTF-8 text stream
FarverumFull CSS Color Module Level 4 support in cue styles
Kanaler og strukturTimecoded cues, speech recognition confidence, CSS styling, and screen position settings
Maks. dimensionerUnbounded sequential cues
GennemsigtighedFull CSS opacity and alpha transparency supported via '::cue' pseudo-element
Streaming og progressivNative streaming in HTML5 <video> elements and HLS / DASH live video manifests

Tekniske sammenligningsmatrix: WebVTT vs. konkurrenter

Teknisk attributWebVTT (Aktuel)SRTASSSUB
HTML5-webintegration100 % indbygget standard (<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-streamingUniversel streamingudsendelsesstandardUnderstøttet via muxingBegrænset streamingunderstøttelseIngen
SidehovedkravStreng 'WEBVTT'-magisk tekst linje 1Intet sidehoved påkrævet[Script Info]-sektionIntet sidehoved påkrævet

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 Subtitle Converter.

Sikkerhedsanalyse og parser-angrebsvektorer

WebVTT-analysatorer i webbrowsere behandler ikke-tillidsfulde markører, hvilket kan føre til Cross-Site Scripting (XSS), hvis de gengives urenset ind i DOM'en.

Kendte angrebsvektorer

  • XSS-indsprøjtning via urensede HTML-markørindhold indsat i webvideoafspillerens DOM.
  • Server-Side Request Forgery (SSRF) under automatiseret serversidegenerering af undertekstminiaturer.
  • Nægtelse af tjeneste (Denial of Service) gennem malformede CSS-markørvælgere.

Defensive bedste praksisser:

Historisk oprindelse og milepæle

2019W3C fremmer officielt WebVTT: The Web Video Text Tracks Format mod Proposed Recommendation.
2011Omdøbt fra WebSRT til WebVTT for at etablere en distinkt W3C-standard uafhængig af det klassiske SubRip.
2010WHATWG introducerer WebVTT for at løse indbygget tekstning til HTML5 <video>-tagget.

Vigtige fordele og styrker

  • Indbygget HTML5-webstandard: understøttes direkte af alle webbrowsere i <track>-elementet uden eksterne biblioteker.
  • Rigelig understøttelse af CSS-styling: tilpas farver, skrifttyper, baggrunde og positioner ved hjælp af det indbyggede '::cue' CSS-pseudoelement.
  • Førsteklasses understøttelse af live streaming: integreret i Apple HLS- og MPEG-DASH-streamingmanifester til udsendelsestekster.

Tekniske begrænsninger og ulemper

  • Strengt sidehovedkrav: filen skal starte med den nøjagtige tekst 'WEBVTT' på allerførste linje, ellers afviser browserne den.
  • Periodemillisekundseparator ('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.

Interessant teknisk trivia

  • Hver gyldne 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 miniatureværktøjstip, 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 headeren 'Content-Type: text/vtt'.