Sådan tilføjer du en VTT-fil til HTML5-video

Hvis videoen spiller uden tekst, skal du først afgøre, om sporet er indlæst, og dernæst teste et kendt tidspunkt.

Forbind fil og afspiller

Læg video og UTF-8-kodet VTT på samme websted. Placér track inde i video. Den relative sti tager udgangspunkt i siden. srclang angiver tekstens sprog, som kan være et andet end lydens. Giv hvert spor en tydelig etiket.

<video controls src="lesson.mp4">
  <track kind="subtitles" src="example-en.vtt"
         srclang="en" label="English" default>
</video>

Prøv ét undertekstspor på en testside

Hent demovideoen og VTT-filen. Læg dem ved siden af HTML-siden på en testserver med navnene lesson.mp4 og example-en.vtt fra eksemplet. Åbn webadressen for at undgå browserens begrænsninger for lokale filer.

Prøven indeholder kun beskeden om workshoppen. Sæt på pause ved otte sekunder, og sammenlign teksten. Ved tretten sekunder skal den være væk. Bliver den stående, selv når sporet slås fra, så undersøg andre spor og tekst brændt ind i billedet.

Følg anmodningen, hvis menuen er tom

Åbn fanen Netværk, genindlæs siden, og vælg engelsk. Mangler anmodningen om .vtt, så undersøg video-elementet på den udgivne side. Editorens lagring kan have fjernet track. Findes anmodningen, så sammenlign hele adressen med uploadmappen.

Læs selve svaret. Der skal stå WEBVTT efterfulgt af en tom linje og tidskoder. En loginside kan også give status 200. Ved en CORS-fejl kan du prøve filen på samme oprindelse som siden og derefter kontrollere tilladt oprindelse og crossorigin.

Find klippet ud fra forsinkelsen

Sammenlign tre genkendelige replikker med underteksternes starttider. Samme forskydning tyder på en ændret intro. Er kun tredje replik forsinket, så led efter et klip efter den anden. Vokser forskellen, så kontrollér først videoversionen i afspilleren.

Skift gennem sprogene på den udgivne side, kontrollér en replik, og slå underteksterne fra. Sammenlign eventuel tilbageværende tekst med originalbilledet. Oplys videofil, valgt spor og afspilningstid, når du melder fejlen.

Eksempel på arbejdsgangen

Engelsk syntetisk tale fra et manuskript skrevet af EasySub. Eksemplet gengiver tredje tekstblok i den oprindelige SRT-fil; det er ikke en ny eksport eller en professionelt korrekturlæst tekst.

WEBVTT

3
00:00:07.950 --> 00:00:12.149
Our next workshop starts on June 15 at 9:30.

WebVTT · EN · Hent demovideoen · Original SRT (engelsk)

Test en replik

Vælg English og gå til otte sekunder. Ved tretten sekunder skal eksempelsætningen være væk. Åbn filens adresse direkte: En loginside med status 200 er ikke en VTT-fil. Kontrollér text/vtt og ved et andet domæne også crossorigin og CORS-svaret.