HTML and CSS Reference
In-Depth Information
dell'attributo src , visto negli esempi precedenti, possiamo usare l'elemento source , per
definire una o più sorgenti, identificandole in base ai formati specificati: sarà il browser,
poi, a decidere di riprodurre quello che è in grado di decodificare.
nota
Una risorsa multimediale viene generalmente inclusa in un contenitore, il quale
viene identificato in base all'estensione del file, come .mp4, .mp3, .ogv, .mkv,
.webm. Il contenitore comprende le intestazioni e i dati riguardanti il numero dei
flussi audio e video, le dimensioni, i sottotitoli e, più in generale, qualunque al-
tra informazione che il contenitore supporti. Ogni flusso audio e video è memo-
rizzato, a sua volta, secondo un codec, cioè un formato di compressione degli
stream, che permette di risparmiare in termini di dimensione in byte del flusso e
di ridurre le dimensioni del file finale.
Nell'esempio 9.4 abbiamo definito due sorgenti, una basata sul container OGG e l'altra ba-
sata su MP4: sarà il browser a scegliere quale riprodurre.
Esempio 9.4
<video controls>
<source src="test.ogv"
type='video/ogg; codecs="theora, vorbis"' />
<source src="test.mp4"
type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
</video>
Come possiamo vedere, per ogni source indichiamo con l'attributo src l'URI al video e,
facoltativamente, possiamo indicare con type il MIME type della sorgente, al fine di fa-
cilitare il browser nella scelta. Il MIME type, oltre a indicare il container, può essere segui-
to dall'informazione sui codec video e audio utilizzati nel file. Le sigle usate nell'esempio
9.4 rappresentano i profili di compressione (configurazioni di standard di compressione)
che fanno variare la dimensione del file, la qualità di compressione e le capacità CPU/GPU
richieste in fase di decoding.
Su device portatili o su PC ad alte prestazioni, specificare i profili di compressione usati
permette al browser di determinare qual è il video più appropriato da scaricare e visualiz-
zare per il dispositivo in uso. Per questo motivo, è caldamente raccomandato fornire anche
 
Search WWH ::




Custom Search