Audio e video - HTML5 con CSS e JavaScript - page 195

muted : restituisce o imposta un booleano per indicare se il volume è a zero;
volume : restituisce o imposta il volume con valori che vanno da zero (minimo) a
uno (massimo);
played : restituisce il range dell'intervallo di tempo riprodotto;
playbackRate : restituisce o imposta la velocità di riproduzione con valori dou-
ble , dove uno rappresenta la velocità normale;
buffered : restituisce l'intervallo di tempo precaricato.
A questo punto possiamo finalmente godere del risultato ottenuto, visibile nella figura 9.3 .
Figura 9.3 - Player multimediale basato su HTML5 e JavaScript.
Sebbene l'esempio sia semplificato e l'interfaccia non sia curata, possiamo capire che, gra-
zie ai metodi, alle proprietà e agli eventi messi a disposizione, uniti alle potenzialità del
markup, di SVG e di CSS, possiamo realizzare un player multimediale di tutto rispetto.
Utilizzare player multimediali già pronti
Il player alternativo sviluppato negli esempi precedenti non è certo completo al 100%.
Mancano alcuni elementi, come la gestione del volume attraverso uno slider, il seek di ri-
produzione attraverso un altro slider oppure con pulsanti di jump o, ancora, l'indicazione
della percentuale di buffering del contenuto multimediale.
Queste funzioni non sono particolarmente difficili da implementare, ma spesso quello
che necessitiamo è un player che soddisfi le esigenze più comuni, permettendoci di con-
centrarci semplicemente sugli aspetti grafici, così da adattarlo allo skin del sito che ospita
il contenuto multimediale.