Correcte WebVTT-structuur
Elk bestand begint met de WEBVTT-kopregel en zet een punt vóór de milliseconden: twee details die je makkelijk mist als je met de hand converteert.
Maak WebVTT-ondertiteling voor het web, op basis van een transcript dat je hebt gecontroleerd.
AutoCap transcribeert je video, laat je elk woord en elke timing verbeteren en schrijft een geldig .vtt-bestand met de WEBVTT-kopregel al op zijn plek.
Geen creditcard · elke maand 2 gratis minuten · export naar MP4, SRT en VTT
WEBVTT 00:00:01.200 --> 00:00:03.400Een ondertitelbestand is zo goed 00:00:03.400 --> 00:00:05.100als de timing erin. 00:00:05.300 --> 00:00:07.050Deze timing is nagekeken.
WebVTT is het ondertitelformaat dat het HTML-element track leest, en daarmee het formaat dat de ingebouwde videospeler van een browser begrijpt. Speelt je video af op je eigen website of in een online cursus, dan is dit meestal het bestand dat je nodig hebt.
Een VTT-bestand lijkt sterk op een SRT-bestand, en juist daar komen kapotte bestanden vandaan: een ontbrekende kopregel, of komma’s die na snel zoeken-en-vervangen in de tijdcodes zijn blijven staan. AutoCap schrijft beide details correct, uit een transcript dat je al met de video hebt vergeleken.
WebVTT-bestanden gemaakt voor de browser.
Getimed op nagekeken woorden
Begin en einde van elke ondertitel komen uit de timing per woord die je hebt gecontroleerd, dus de ondertiteling verschijnt tegelijk met de spraak en niet ervoor.
Klaar voor het track-element
Verwijs naar het bestand vanuit een HTML5-element <track> en de ingebouwde speler van de browser toont de ondertiteling, zonder plug-in.
Een SRT uit hetzelfde project
Download ook een SRT voor YouTube of een videobewerkingsprogramma; de woorden en timing komen exact overeen met de VTT.
Kale ondertitels die je kunt uitbreiden
Ondertitels worden zonder positie of opmaak geschreven, dus je kunt ondertitelinstellingen of ::cue-CSS voor je speler toevoegen zonder iets ongedaan te maken.
Maak in vier stappen een VTT-bestand.
- 01
Upload de bronvideo
Gebruik een MP4 of MOV; het audiospoor wordt getranscribeerd.
- 02
Lees na tijdens het afspelen
Kijk met de ondertiteling aan en verbeter namen, getallen en verkeerd verstane zinsdelen.
- 03
Deel de ondertitels in
Splits ondertitelregels of voeg ze samen, zodat elke ondertitel een leesbaar zinsdeel bevat, en pas de timing aan van elk woord dat niet klopt.
- 04
Download de .vtt
Exporteer het WebVTT-bestand met een betaald abonnement en verwijs er vanuit je speler naar, of upload het naar je platform.
Wat er in een WebVTT-bestand staat
WebVTT, kort voor Web Video Text Tracks, is een W3C-specificatie. Een bestand is platte UTF-8-tekst die moet beginnen met het woord WEBVTT, gevolgd door een lege regel en daarna een reeks ondertitels.
Elke ondertitel heeft een optionele id, een tijdcoderegel en de ondertiteltekst. Tijdcodes zetten een punt vóór de milliseconden en mogen de uren weglaten, en een blok dat begint met NOTE is commentaar dat kijkers nooit te zien krijgen.
WEBVTT NOTE Cue identifiers are optional 00:00:01.200 --> 00:00:03.400 Web players read this format natively. 00:00:03.600 --> 00:00:05.900 The header line always comes first.
Ondertitelinstellingen en opmaak met ::cue
WebVTT kan ondertiteling plaatsen en opmaken op manieren die SRT niet kan. Na de tijdcodes op een tijdcoderegel bepalen optionele ondertitelinstellingen de lay-out: line verschuift een ondertitel omhoog of omlaag in het beeld, position en size bepalen waar het vak horizontaal staat en hoe breed het is, en align regelt de tekstuitlijning binnen dat vak.
Opmaak hoort in CSS. Met het pseudo-element ::cue stelt een webpagina de kleur, de achtergrond en het lettertype van de ondertiteling in haar videospeler in, en ::cue() met een selector kan afzonderlijke ondertitels aansturen.
AutoCap schrijft kale ondertitels en laat de plaatsing aan de speler over. Voeg zelf instellingen of CSS toe als je eigen site die nodig heeft.
- line:10% — zet een ondertitel hoog, bijna bovenaan de video
- position:20% — schuift het ondertitelvak naar links
- size:50% — maakt het ondertitelvak half zo breed als de video
- align:start — lijnt de tekst uit aan het begin van elke regel
video::cue {
color: #ffffff;
background-color: rgb(0 0 0 / 0.7);
font-family: system-ui, sans-serif;
}Wanneer je juist een VTT-bestand nodig hebt
Kies WebVTT zodra een browser de ondertiteling laadt. Zelf gehoste HTML5-video leest het in via het track-element, zoals in het fragment hieronder, en spelers die op dat element zijn gebouwd, verwachten het meestal ook.
Elders is het vaak een van meerdere opties. Canvas Studio accepteert uploads van zowel SRT- als VTT-ondertiteling, en YouTube noemt WebVTT bij de ondersteunde formaten, al verwijzen de helppagina’s nieuwkomers naar SRT.
Heb je al een SRT-bestand? Converteer het in plaats van de ondertiteling opnieuw te genereren.
<video controls src="lesson.mp4"> <track kind="captions" src="lesson.vtt" srclang="en" label="English" default> </video>
Goed om te weten.
Wat is een VTT-bestand?
Een WebVTT-bestand (.vtt) is een ondertitelbestand in platte tekst voor webvideo. Het begint met een WEBVTT-kopregel, bevat getimede ondertitels en is het formaat dat het HTML-element track gebruikt.
Bevat het VTT-bestand positie of opmaak?
Nee. AutoCap schrijft standaardondertitels met nauwkeurige timing en zonder ondertitelinstellingen, dus elke speler past zijn eigen ondertitelstijl toe, tenzij je zelf instellingen of CSS toevoegt.
Waarom verschijnt mijn VTT-bestand niet in de browser?
Controleer of de eerste regel precies WEBVTT is en of de tijdcodes punten gebruiken in plaats van komma’s. Staat het bestand op een ander domein dan de pagina, dan zijn ook CORS-headers nodig en een crossorigin-attribuut op het video-element.
Kan ik gratis een VTT-bestand krijgen?
VTT-downloads zitten bij elk betaald abonnement, vanaf $9 per maand. Heb je al een SRT-bestand, dan is de SRT-naar-VTT-converter gratis en werkt die in je browser.
Kan ik de VTT weer omzetten naar SRT?
Ja. Download met een betaald abonnement de SRT uit hetzelfde project, of haal de VTT door de gratis VTT-naar-SRT-converter.
Probeer het op de volgende video die je post.
Voor het gratis abonnement heb je geen creditcard nodig. Upload een clip, controleer de ondertiteling zelf en upgrade pas als je het watermerk weg wilt.