L’elemento track di HTML5

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.