WebVTT-ondertitel (.vtt)

W3C Standaard

Web Video Text Tracks (WebVTT) is de officiële W3C-webstandaard voor bijschriften, ondertitels en hoofdstukbeschrijvingen, native geïntegreerd in HTML5-video-elementen (<track>) en moderne HTTP live streaming (HLS).

SRT naar VTT converteren

Gratis SRT-naar-VTT-converter in uw browser. Converteer bestanden direct op uw apparaat.

Inspecteren en metadata

Besturingssystemen en bestandsanalysators herkennen WebVTT-bestanden aan de hand van de eerste binaire bytesequentie:

Selecteer of sleep bestanden hierheen

Privé - bestanden verlaten uw apparaat niet

of plak Ctrl+V
Privacygarantie zonder netwerktransmissie: 0 bytes geüpload naar externe servers. Alle verwerking vond lokaal plaats in uw browser-sandbox.

Bestandshandtekening op byteniveau (magic bytes)

Besturingssystemen en bestandsanalysators herkennen WebVTT-bestanden aan de hand van de eerste binaire bytesequentie:

HEX-HANDTEKENING (OFFSET 0):

57 45 42 56 54 54

ASCII-WEERGAVE: WEBVTT

Standaardisatie: W3C WebVTT Recommendation

Technische specificaties

ContainerarchitectuurUTF-8-tekstbestand dat begint met de bestandshandtekening 'WEBVTT', gevolgd door optionele STYLE- en NOTE-blokken en sequentiële ondertitelblokken
CompressieOngecomprimeerde platte tekst (meestal gecomprimeerd via HTTP met Gzip of Brotli)
Bytevolgorde (endianness)UTF-8-tekststroom
KleurruimtenVolledige ondersteuning voor CSS Color Module Level 4 in ondertitelstijlen
Kanalen en structuurVan tijdstempels voorziene ondertitels, betrouwbaarheid van spraakherkenning, CSS-stijlen en instellingen voor schermpositie
Maximale afmetingenOnbegrensde sequentiële ondertitels
TransparantieVolledige CSS-dekking en alfatransparantie worden ondersteund via het '::cue'-pseudo-element.
Streaming en progressiefIngebouwde streaming in HTML5 <video>-elementen en livevideomanifesten van HLS / DASH

Technische vergelijkingsmatrix: WebVTT versus concurrenten

Technisch kenmerkWebVTT (Huidig)SRTASSSUB
HTML5-webintegratie100% ingebouwde standaard (<track>)Vereist JS-conversieVereist WebAssemblyVereist conversie
CSS-stylingVolledige ingebouwde CSS-opmaak (::cue)Alleen basale HTML-tagsEigen overschrijftagsGeen
HLS- / DASH-streamingWebVTT wordt gebruikt voor tekstsporen met tijdcodes in browservideo en in sommige streamingafspeellijsten; de ondersteuning door de speler hangt af van het leveringsformaat.Ondersteund via muxingBeperkte streamingondersteuningGeen
HeadervereisteStrikte bestandshandtekening 'WEBVTT' op regel 1Geen header vereistSectie [Script Info]Geen header vereist

Veelvoorkomende beschadigingen en gids voor hex-herstel

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

Oorzaak: Ontbrekende 'WEBVTT'-tekenreeks op regel 1, of lege regels vóór de header.

Herstel: Voeg 'WEBVTT\n\n' toe aan het begin van het bestand met de ondertitelconverter van File2File.app.

Beveiligingsanalyse en aanvalsvectoren voor parsers

WebVTT-parsers in webbrowsers verwerken onbetrouwbare cues. Als die zonder opschoning in de DOM worden weergegeven, kan dat leiden tot Cross-Site Scripting (XSS).

Bekende aanvalsvectoren

  • XSS-injectie via niet-opgeschoonde HTML-inhoud van cues die in de DOM van een webvideospeler wordt ingevoegd.
  • Server-Side Request Forgery (SSRF) tijdens het automatisch genereren van ondertitelminiaturen aan de serverzijde.
  • Denial of service door misvormde CSS-selectors voor cues.

Aanbevolen beveiligingspraktijken: Vertrouw op de ingebouwde weergave via <track> van de browser en schoon cue-inhoud op voordat u deze handmatig in de DOM invoegt.

Historische oorsprong en mijlpalen

2019Het W3C brengt WebVTT: The Web Video Text Tracks Format officieel verder richting Proposed Recommendation.
2011Naam gewijzigd van WebSRT in WebVTT om een eigen W3C-standaard te vormen die losstaat van het klassieke SubRip.
2010WHATWG introduceert WebVTT om ingebouwde ondertiteling mogelijk te maken voor de HTML5 <video>-tag.

Belangrijkste voordelen

  • Het HTML-<track>-element gebruikt WebVTT voor bijschriften en ondertitels. Browsers renderen de timing en styling van ondertitels via de videospeler, met enkele verschillen in ondersteunde ondertitelfuncties.
  • Uitgebreide ondersteuning voor CSS-opmaak: pas kleuren, lettertypen, achtergronden en posities aan met het ingebouwde CSS-pseudo-element '::cue'.
  • HLS- en MPEG-DASH-diensten kunnen WebVTT-ondertitelsporen meeleveren met videosegmenten. Controleer of de doelspeler de verpakking van ondertitels in de afspeellijst en de taalsporen ondersteunt.

Technische beperkingen

  • Strikte headervereiste: het bestand moet op de allereerste regel beginnen met de exacte tekst 'WEBVTT', anders wijzen browsers het af.
  • De punt als millisecondenscheidingsteken ('00:01:20.500') vereist conversie vanuit verouderde SRT-bestanden met komma's.
  • Oudere hardwaremediaspelers zonder browser (zoals goedkope USB-mediaboxen) bieden vaak geen ingebouwde ondersteuning voor WebVTT.

Interessante technische weetjes

  • Elk geldig WebVTT-bestand moet op de eerste regel beginnen met het exacte woord 'WEBVTT'; al het andere zorgt ervoor dat browsers het bestand negeren.
  • WebVTT heette oorspronkelijk 'WebSRT' omdat het bewust zo was ontworpen dat het bijna identiek leek aan klassieke SRT-ondertitels.
  • WebVTT kan ook worden gebruikt voor videohoofdstukken en interactieve miniatuurtooltips wanneer u de muisaanwijzer over de voortgangsbalk van een video beweegt.

Veelgestelde technische vragen

Waar wordt WebVTT voor gebruikt?

WebVTT is het officiële webstandaardformaat voor het toevoegen van ondertitels, bijschriften, hoofdstukken en beschrijvingen aan HTML5-<video>-elementen op websites.

Hoe kan ik een SRT-ondertitel converteren naar WebVTT?

U kunt SRT-bestanden met één klik omzetten in schone WebVTT-bestanden met File2File.app, rechtstreeks in uw browser.

Waarom worden mijn WebVTT-ondertitels niet weergegeven in de browser?

Zorg ervoor dat uw bestand begint met 'WEBVTT' op regel 1, een lege regel daarna heeft en dat uw webserver het bestand serveert met de header 'Content-Type: text/vtt'.