Continuiamo, in quest’articolo a descrivere le proprietà di un oggetto di tipo
HTMLMediaElement, riprendendo da
readyState, che ritorna un valore indicante cosa può riprodurre, in un determinato momento, l’elemento multimediale. Esso può assumere i seguenti valori:
- HAVE_NOTHING (0), indicante che non sono disponibili dati sufficienti per la riproduzione della risorsa;
- HAVE_METADATA (1), indicante che sono disponibili solo i metadati, come ad esempio quelli relativi alla durata dell’elemento media;
- HAVE_CURRENT_DATA (2), indicante che sono disponibili dati utili alla riproduzione della corrente posizione di playback, ma non delle successive;
- HAVE_FUTURE_DATA (3), indicante che sono disponibili dati utili alla riproduzione della corrente posizione di playback e al massimo per una posizione successiva;
- HAVE_ENOUGH_DATA (4), indicante che sono disponibili dati utili alla riproduzione della risorsa in modo continuo.
La proprietà
seeking, di tipo booleano, se posta a
true, indica che l’utente si sta spostando in periodi temporali differenti della risorsa alla ricerca di un punto da riprodurre; la proprietà
currentTime, di tipo
double, ritorna o imposta la corrente posizione di riproduzione espressa in secondi; la proprietà
initialTime, di tipo
double, ritorna la posizione iniziale di riproduzione espressa in secondi;
duration, di tipo
double, ritorna la durata dell’elemento media, espressa in secondi.
La proprietà
startOffsetTime ritorna un oggetto di tipo
Date, rappresentante una data e un tempo che corrisponde al tempo 0 di una timeline definito come
timeline offset;
paused, di tipo
boolean, indica se la riproduzione è stata messa in pausa;
defaultPlaybackRate, di tipo
double, ritorna la velocità di riproduzione di default della risorsa;
playbackRate, di tipo
double, ritorna o imposta la corrente velocità di riproduzione della risorsa.
Le due proprietà
played e
seekable, entrambe di tipo
TimeRanges, indicano rispettivamente i periodi di tempo riprodotti e i periodi di tempo ove, in ciascuno di essi, è possibile spostarsi sulla relativa timeline per ricercare pezzi da riprodurre senza interrompere il playback della risorsa.
Le seguenti proprietà sono invece di tipo
boolean:
- ended ritorna il valore true se la riproduzione dell’elemento media è giunta alla fine;
- autoplay ritorna o imposta l’auto-riproduzione della risorsa;
- loop permette di far riprodurre ciclicamente l’elemento media;
- controls permette di decidere se visualizzare o meno i controlli di riproduzione;
- muted permette di silenziare completamente i canali audio.
Per impostare o ritornare il volume di riproduzione abbiamo
volume, di tipo
double: i valori sono compresi in un range che va da
0.0 (senza audio) a
1.0 (massimo volume audio). A seguire:
tracks ritorna un array di oggetti di tipo
TimedTrack, rappresentanti le tracce associate alla risorsa. Un oggetto di tale tipo avrà le proprietà seguenti:
- kind, indicante il suo tipo tra subtitles, captions, descriptions, chapters, metadata;
- label, indicante una stringa che identifica una traccia in modo più comprensibile per l’utente;
- readyState, indicante gli stati di una traccia tra NONE, LOADING, LOADED e ERROR;
- mode, indicante se la traccia è in modalità OFF, HIDDEN o SHOWING;
- cues e activeCues, indicanti un oggetto di tipo TimedTrackCueList, che rappresenta una lista di timed track cues, dove le cues rappresentano "pezzi" di dati, sensibili al contesto temporale dove sono visualizzate (si pensi al testo dei sottotitoli, che appare in un determinato momento durante il playback di un video);
- language, indicante il linguaggio di una timed track cue.
Infine, un oggetto di tipo
TimedTrack disporrà anche anche delle funzioni di callback
onload,
onerror e
oncuechange che gestiranno i relativi eventi.
- Pubblicazioni correlate:
- 10-05-2010 Guida ad HTML5: storia della sua nascita (1/3)
- 11-05-2010 Guida ad HTML5: storia della sua nascita (2/3)
- 17-05-2010 Guida ad HTML5: storia della sua nascita (3/3)
- 18-05-2010 Guida ad HTML5: supporto dei browser (1/6)
- 24-05-2010 Guida ad HTML5: supporto dei browser (2/6)
- 25-05-2010 Guida ad HTML5: supporto dei browser (3/6)
- 31-05-2010 Guida ad HTML5: supporto dei browser (4/6)
- 01-06-2010 Guida ad HTML5: supporto dei browser (5/6)
- 07-06-2010 Guida ad HTML5: supporto dei browser (6/6)
- 08-06-2010 Guida ad HTML5: l'elemento canvas, l'area del disegno
- 14-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (1/4)
- 18-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (2/4)
- 21-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (3/4)
- 25-06-2010 Guida ad HTML5: l’elemento canvas, disegno di forme geometriche (4/4)
- 28-06-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (1/4)
- 02-07-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (2/4)
- 05-07-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (3/4)
- 09-07-2010 Guida ad HTML5: l’elemento canvas, immagini e testo (4/4)
- 12-07-2010 Guida ad HTML5: l’elemento canvas, manipolazione diretta dei pixel (1/2)
- 16-07-2010 Guida ad HTML5: l’elemento canvas, manipolazione diretta dei pixel (2/2)
- 19-07-2010 Guida ad HTML5: l’elemento canvas, sfumature
- 23-07-2010 Guida ad HTML5: l’elemento canvas, ombreggiature
- 26-07-2010 Guida ad HTML5: l’elemento canvas, compositing (1/2)
- 30-07-2010 Guida ad HTML5: l’elemento canvas, compositing (2/2)
- 30-08-2010 Guida ad HTML5: l’elemento canvas, stili di linea e pattern (1/2)
- 03-09-2010 Guida ad HTML5: l’elemento canvas, stili di linea e pattern (2/2)
- 06-09-2010 Guida ad HTML5: multimedialità, concetti propedeutici (1/2)
- 10-09-2010 Guida ad HTML5: multimedialità, concetti propedeutici (2/2)
- 13-09-2010 Guida ad HTML5: multimedialità, l'elemento video
- 17-09-2010 Guida ad HTML5: multimedialità, gli elementi audio e source
- 20-09-2010 Guida ad HTML5: multimedialità, scripting dei media element (1/6)
- 24-09-2010 Guida ad HTML5: multimedialità, scripting dei media element (2/6)
- 27-09-2010 Guida ad HTML5: multimedialità, scripting dei media element (3/6)
- 04-10-2010 Guida ad HTML5: multimedialità, scripting dei media element (5/6)
- 08-10-2010 Guida ad HTML5: multimedialità, scripting dei media element (6/6)
- 11-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (1/7)
- 15-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (2/7)
- 20-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (3/7)
- 22-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (4/7)
- 25-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (5/7)
- 29-10-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (6/7)
- 05-11-2010 Guida ad HTML5: multimedialità, realizzazione di un player video (7/7)
- 08-11-2010 Guida ad HTML5: storage per le web application (1/3)
- 12-11-2010 Guida ad HTML5: storage per le web application (2/3)
- 15-11-2010 Guida ad HTML5: storage per le web application (3/3)
- 19-11-2010 Guida ad HTML5: eseguire codice JavaScript in background (1/3)
- 22-11-2010 Guida ad HTML5: eseguire codice JavaScript in background (2/3)
- 26-11-2010 Guida ad HTML5: eseguire codice JavaScript in background (3/3)
- 29-11-2010 Guida ad HTML5: applicazioni web offline (1/5)
- 03-12-2010 Guida ad HTML5: applicazioni web offline (2/5)
- 06-12-2010 Guida ad HTML5: applicazioni web offline (3/5)
- 10-12-2010 Guida ad HTML5: applicazioni web offline (4/5)
- 13-12-2010 Guida ad HTML5: applicazioni web offline (5/5)
- 17-12-2010 Guida ad HTML5: la geolocalizzazione (1/4)
- 20-12-2010 Guida ad HTML5: la geolocalizzazione (2/4)
- 24-12-2010 Guida ad HTML5: la geolocalizzazione (3/4)
- 27-12-2010 Guida ad HTML5: la geolocalizzazione (4/4)
- 31-12-2010 Guida ad HTML5: microdata (1/4)
- 03-01-2011 Guida ad HTML5: microdata (2/4)
- 10-01-2011 Guida ad HTML5: microdata (3/4)
- 14-01-2011 Guida ad HTML5: microdata (4/4)
- 17-01-2011 Guida ad HTML5: drag and drop (1/5)
- 21-01-2011 Guida ad HTML5: drag and drop (2/5)
- 24-01-2011 Guida ad HTML5: drag and drop (3/5)
- 28-01-2011 Guida ad HTML5: drag and drop (4/5)
- 31-01-2011 Guida ad HTML5: drag and drop (5/5)
- 04-02-2011 Guida ad HTML5: nuovi elementi semantici (1/6)
- 07-02-2011 Guida ad HTML5: nuovi elementi semantici (2/6)
- 11-02-2011 Guida ad HTML5: nuovi elementi semantici (3/6)
- 14-02-2011 Guida ad HTML5: nuovi elementi semantici (4/6)
- 18-02-2011 Guida ad HTML5: nuovi elementi semantici (5/6)
- 21-02-2011 Guida ad HTML5: nuovi elementi semantici (6/6)
- 25-02-2011 Guida ad HTML5: l’API di messaggistica (1/8)
- 28-02-2011 Guida ad HTML5: l’API di messaggistica (2/8)
- 04-03-2011 Guida ad HTML5: l’API di messaggistica (3/8)
- 07-03-2011 Guida ad HTML5: l’API di messaggistica (4/8)
- 11-03-2011 Guida ad HTML5: l’API di messaggistica (5/8)
- 14-03-2011 Guida ad HTML5: l’API di messaggistica (6/8)
- 18-03-2011 Guida ad HTML5: l’API di messaggistica (7/8)
- 21-03-2011 Guida ad HTML5: l’API di messaggistica (8/8)