L'elemento track di HTML5 fornisce un modo semplice e standardizzato per aggiungere sottotitoli, didascalie, descrizioni agli elementi video e audio.
Vediamo un possibile codice per un elemento video con sottotitoli in inglese e italiano:
<video src="foo.ogv"> <track kind="subtitles" label="English subtitles" src="subtitles_en.vtt" srclang="en" default></track> <track kind="subtitles" label="Sottotitoli in Italiano" src="subtitles_it.vtt" srclang="it"></track> </video>
Ogni elemento track ha un attributo kind
, che indica il tipo di dati e può assumere i valori di subtitles
, captions
, descriptions
, chapters
o metadata
. L'attributo src
punta ad un file sorgente contenente i dati divisi per tempo, ma ad oggi non è stato ancora completamente specificato un formato standard, anche se Chrome supporta i file di tipo WebVTT utilizzati nei video di YouTube e Adobe ha annunciato che lo includeranno nel loro Flash Player.
L'elemento track è attualmente supportato in Internet Explorer 10 e Chrome 18+, in Firefox non è stato ancora implementato. In Chrome, l'elemento deve essere attivato dalla pagina chrome://flags.