<track>

Undertekster til audio

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="da" label="Dansk" default>
<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 audio-element kan det se således ud i kildekoden:

<audio controls="controls">
  <source src="images/lollipop.ogg" type="audio/ogg">
  <source src="images/lollipop.mp3" type="audio/mpeg">
  <source src="images/lollipop.wav" type="audio/wave">
  <track src="images/lollipop.vtt" kind="subtitles" srclang="en" label="English" default>
</audio>

Vil på siden se sådan ud:

<track> kan indeholdes i audio, video

<track> kan ikke indeholde noget

^ Tilbage til sidens top


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:

WEBVTT FILE

1
00:00:00.500 --> 00:00:08.000
My boy Lollipop

2
00:00:08.000 --> 00:00:11.500
you made my heart go giddy up

3
00:00:12.200 --> 00:00:16.000
You are as sweet as candy,

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.

^ Tilbage til sidens top

Valid HTML5 og CSS / Copyright © Hjemmesideskolen juli 2012
Hjemmesideskolen
Du er her: Forsiden - html - elementer - <track>
sidens top
Brugere lige nu: 1
Home Mail