HTML and CSS Reference
In-Depth Information
bVTT, sarà necessario aggiungere nel file .htaccess (Apache) o web.config (IIS)
il MIME type
text/vtt
per l'estensione
.vtt
. Questi esempi non funzione-
ranno con IE in mancanza di un web server.
Questo file è testuale e ha un'intestazione WEBVTT, seguita da uno o più
cue
, rappresen-
tativi delle descrizioni e dei dialoghi che devono accompagnare il contenuto multimediale.
Ogni
cue
ha un identificativo, l'indicazione della fascia temporale durante la quale il testo
dev'essere visualizzato e il testo.
Nell'esempio 9.15
possiamo vedere un estratto del file
test.vtt
.
Esempio 9.15
WEBVTT
00:00:00.000 --> 00:00:10.000
Esempio di sottotitolo sfruttando il tag <track>
00:00:10.000 --> 00:00:20.000
Sottotitolo con HTML5
Come possiamo notare, sono presenti due
cue
, dei quali il primo dev'essere mostrato nei
primi 10 secondi, mentre il successivo dev'essere mostrato da 10 a 20 secondi. Il testo è
codificato in HTML e può contenere i tag
b
o
i
. Sono supportate anche le possibilità di
posizionare il testo e di allinearlo, ma queste specifiche sono ancora in draft e necessitano
di ulteriore sviluppo.
Molti dei player custom che abbiamo introdotto in precedenza, inoltre, offrono un sup-
porto a questo formato in maniera uniforme rispetto ai browser, consentendoci di persona-
lizzarne l'aspetto in maniera che sia omogeneo su tutti i browser.
Figura 9.5
- I sottotitoli visualizzati da Internet Explorer 11.