<track>
19
Undertekster til video
Vil du lave undertekster nu og kan du ikke vente indtil alle browsere understøtter track, kan du lave med undertekster med javascript.
Siden er opdateret 19. 7. 2013
Nyt i HTML 5
<track> anvendes til definere data om undertekster til audio og video. Eller til at definere overskrifter, kapiteltitler, beskrivelser, der skal vises mens mediet spiller - eller metadata. Elementet <track> skrives sådan i kildekoden:
<track src="sti/filnavn.vtt" kind="subtitles" srclang="en" label="English">
<track src="sti/filnavn.vtt" kind="subtitles" srclang="se" label="Swedish">
De enkelte attributter har disse betydninger og mulige værdier:
- src
- Angiver (med sti om nødvendigt) placeringen af kildefilen til <track>.
- Mulige værdier:
- .vtt (WebVTT) - pt. det eneste filformat, der understøttes.
- .srt (WebSRT)
- .ttml (TTML)
- kind
- Mulige værdier:
- subtitles - viser undertekster på en video. På denne side beskæftiger vi os kun med subtitles
- captions- viser oversættelser af dialoger og lydeffekter som hjælp til døve brugere
- descriptions - viser tekstbeskrivelse af en video som hjælp til blinde brugere
- chapters - viser afsnittitler som hjælp til navigation
- metadata - viser indhold brugt afscripts, ikke synligt for brugerne
- srclang
- Angiver sproget
- for eksempel
- da
- en
- de
- se
- no
- label
- Her kan man skrive, hvad man har lyst til, men er srclang angivet som da, vil det være nærliggende at skrive Dansk i label
- default
- Skal være der, selv om der kun er angivet et sprog. Er der anført flere mulige sprog, sættes det ved default foretrukne sprog
Indsat i et video-element kan det se således ud i kildekoden:
<source src="images/buyascooter.ogv" type="video/ogg">
<source src="images/buyascooter.mp4" type="video/mp4">
<source src="images/buyascooter.webm" type="video/webm">
<track src="images/buyascooter.vtt" kind="subtitles" srclang="en" label="English">
<track src="images/kobenknallert.vtt" kind="subtitles" srclang="da" label="Dansk" default>
</video>
Vil på siden se sådan ud:
<track> kan indeholdes i audio, video
<track> kan ikke indeholde noget
Kildefilen til .vtt subtitle-fil er faktisk bare en tekstfil, du selv kan lave i f.eks. Notepad. Det er omstændeligt, for du skal finde ud af, hvad der skal skrives på billedet og med et stopur eller lignende hvornår de enkelte tekster skal starte og slutte - og det skal formateres på en helt bestemt måde:
1
00:00:00.500 --> 00:00:08.000
Hello my name is Ervin Zhismen
This is my grandson Murry
2
00:00:08.000 --> 00:00:11.500
And today we are going
to go buy a scooter Heh
3
00:00:12.200 --> 00:00:16.000
Wow what a lovely place
De første linjer efter tallene 1,2 og 3 er tidskoder, som viser hvornår de enkelte tekstdele skal vises. Formatet er tt:mm:ss.ms --> tt:mm:ss.ms, hvor tt er timer, mm er minutter, ss er sekunder og ms er milisekunder med 3 decimaler. (Starttid --> Sluttid)
Hvis du vil lave en fil med danske undertekster til en video med udenlandsk tale, er det vigtigt, at du gemmer filen i tegnkodning utf-8, da systemet ellers vil kløjs i de danske bogstaver.
Læs mere om .vtt hos w3.org.
