L'elemento Track di HTML5 consente di aggiungere del testo ai file in riproduzione multimediale e visualizzarlo nel lettore video HTML5, senza necessità di script o software aggiuntivo.
Il testo può includere sottotitoli, didascalie, descrizioni, capitoli o metadati.
In altre parole, l'elemento <track> permette di visualizzare in tempo reale ulteriori risorse di testo che si allineano con il file audio della timeline de video.
L'elemento track è un elemento figlio dell'elemento video, in modo analogo all'elemento source usato per specificare i file video. In questo esempio, l'attributo src dell'elemento video è un file chiamato "video.mp4". Gli attributi controls, autoplay e loop abilitano i controlli di riproduzione incorporati del lettore, avviano il video all'apertura della pagina e riproducono il video in modo ripetuto. L'origine dell'elemento track è un file chiamato "en_track.vtt". Gli attributi srclang, label e kind definiscono la lingua (en), un nome descrittivo per il menu di selezione dei sottotitoli (English) e il tipo di file di testo (sottotitoli). L'attributo default specifica che questo file di traccia deve essere attivo e visualizzato nel lettore quando inizia il video. Se l'attributo default viene omesso, l'utente deve scegliere la traccia dal menu di selezione dei sottotitoli nel lettore video.
Esempio
<video width="640" height="320" controls>
<source src="some_video.mp4" type="video/mp4">
<source src="some_video.ogg" type="video/ogg">
<track src="some_video_subtitles.srt"
kind="subtitles"
srclang="en"
label="English_subs">
</video>
L'elemento track accetta gli attributi seguenti.
kind
Definisce il tipo di contenuto di testo. Di seguito sono riportate le opzioni e l'uso come raccomandato dal w3c.
subtitles - Trascrizioni o traduzione del dialogo nel video. Destinati all'uso quando l'audio è disponibile ma non compreso (lingua errata). I sottotitoli sono sovrapposti sul lettore video.
captions - Trascrizioni o traduzioni di dialoghi, effetti audio, spunti musicali o altre informazioni audio rilevanti, adatte quando il suono non è udibile o è assente. I sottotitoli sono sovrapposti sul lettore video.
descriptions Descrizioni testuali del contenuto del video, utilizzabili per la sintesi vocale quando il video Non sono visualizzate nel lettore video.
chapters Titoli di capitoli, usati per spostarsi nel video. Non sono visualizzate nel lettore video.
metadata Usati per gli script o per informazioni non visive. Non sono visualizzate nel lettore video.
Se l'attributo kind dell'elemento Track viene omesso, assume il valore predefinito subtitles.
src
URL del file di testo programmato. Il lettore accetta file in formato Web Video Text Track (WebVTT) o Timed Text Markup Language (TTML).
srclang
Lingua del file di testo programmato. Per scopi informativi. Non usato nel lettore.
label
Fornisce un'etichetta che può essere usata per identificare il testo programmato. A ogni traccia deve corrispondere un'etichetta univoca. Questa etichetta viene visualizzata nel menu di selezione dei sottotitoli mostrato nella schermata sopra.
default
Specifica l'elemento Track predefinito. Se non è specificato, non viene visualizzata alcuna traccia.
È possibile usare più di un file di testo programmato— per fornire agli utenti più lingue o commenti alternativi. Se usi più tracce, devi impostare la traccia di default da usare se la pagina non ne specifica una o se l'utente non ha selezionato una lingua. Nel lettore video l'utente potrà scegliere altre tracce tramite il menu di selezione dei sottotitoli incorporato.
Nell'esempio seguente viene mostrato un elemento video con tre elementi Track.
Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.
Avete scelto Chrome come browser con il quale lavorare: come al solito aprite a Developer Tools e iniziate il debug del vostro codice. Aprite il pannello Console per esaminare l'output…
Ciao a tutti e bentornati!
Dopo una pausa, torniamo oggi con un'altra parte del corso introduttivo alla programmazione, parlando di switch statement, conosciuto anche come costrutto di selezione multipla.
Intuizione
L'idea dello switch statement…
Ciao a tutti e bentornati!
Dopo aver fatto una breve, ma corposa, introduzione sui cicli, andiamo oggi a vedere finalmente le prime implementazioni che utilizzano quello che abbiamo definito ciclo precondizionale.
In Java, come…
Ciao a tutti e bentornati! Sino ad ora, abbiamo parlato di variabili e di strutture di selezione, andando a considerare alcuni degli aspetti fondamentali di questi due concetti. Teoricamente, per…
Ciao a tutti e bentornati! Sino ad ora ci siamo preoccupati di fare una carrellata quanto più completa riguardo i concetti fondamentali di cui abbiamo bisogno per approcciarci all'utilizzo delle…
La volta precedente, abbiamo ampiamente parlato delle variabili booleane, cercando di delineare quali siano le principali operazioni che si possono effettuare proprio a livello pratico.
Di tutti i casi esaminati, non abbiamo…
Ciao a tutti e bentornati!
La volta precedente, ho fatto un'introduzione alle strutture condizionali, definendo il loro funzionamento. Prima di poter dare qualche esempio pratico, è necessario chiarire in che modo ci…
Ciao a tutti e bentornati! Le volte precedenti abbiamo introdotto il concetto di variabile, tentando di definire alcuni concetti basilari a riguardo.
Alcune situazioni fanno però intuire come il solo concetto…
Ciao a tutti amici e bentornati!
Dopo l'introduzione fatta sulle variabili, cerchiamo di analizzare alcune criticità che si possono presentare in situazioni alquanto comuni. Partiamo quindi analizzando degli esempi pratici.
Esempio 1: divisione…
In questa breve serie di articoli andremo a vedere com'è possibile realizzare in C la struttura dati Hashmap.
Nell'implementazione andremo ad usare le liste doppiamente concatenate come strutture dati ausiliarie. Andiamo…
Con la propagazione del Covid-19 tutti noi abbiamo dovuto adattarci a una nuova situazione di quarantena in casa, e, dato che l'essere umano ha bisogno di comunicare costantemente, abbiamo usato…
Facebook è un fantastico social network che ci permette di essere sempre aggiornati su tutte le notizie dei nostri amici o della nostra famiglia o anche sulle notizie più rilevanti…
MENSAJE
OPERACIÓN EJECUTADA
Utilizziamo i nostri cookie e quelli di terzi per migliorare i nostri servizi, compilare informazioni statistiche e analizzare le vostre abitudini di navigazione. Questo ci permette di personalizzare i contenuti che offriamo e di mostrarvi le pubblicità relative alle vostre preferenze. Cliccando su "Accetta tutto" acconsentite alla memorizzazione dei cookie sul vostro dispositivo per migliorare la navigazione del sito web, analizzare il traffico e assistere le nostre attività di marketing. Potete anche selezionare "Solo cookies di sistema" per accettare solo i cookies necessari al funzionamento del sito web, oppure potete selezionare i cookies che desiderate attivare cliccando su "Impostazioni".
Tradotto con www.DeepL.com/Translator (versione gratuita)" o "Rifiuta".
Questi cookie sono necessari per il funzionamento del sito Web e non possono essere disattivati sui nostri sistemi. Generalmente vengono impostate solo in risposta alle vostre azioni di richiesta di servizi, come l'impostazione delle vostre preferenze sulla privacy, l'accesso o la compilazione di moduli. È possibile impostare il browser in modo da bloccare o avvisare l'utente di questi cookie, ma alcune aree del sito non funzioneranno. Questi cookie non memorizzano alcuna informazione di identificazione personale
Performance Cookies
Questi cookie ci permettono di contare le visite e le fonti di traffico in modo da poter valutare le prestazioni del nostro sito e migliorarle. Ci aiutano a sapere quali sono le pagine più o meno visitate e come i visitatori navigano nel sito. Tutte le informazioni raccolte da questi cookie sono aggregate e quindi anonime. Se non consentite l'utilizzo di questi cookie, non sapremo quando avete visitato il nostro sito e non saremo in grado di valutare se ha funzionato correttamente
Cookies Funzionali
Questi cookie consentono al sito Web di fornire una migliore funzionalità e personalizzazione. Essi possono essere impostati dalla nostra azienda o da fornitori esterni di cui abbiamo aggiunto i servizi alle nostre pagine. Se non si consente l'utilizzo di questi cookie, alcuni di questi servizi potrebbero non funzionare correttamente
Cookies Pubblicitari
Questi cookie possono essere impostati attraverso il nostro sito dai nostri partner pubblicitari. Possono essere utilizzati da queste aziende per profilare i vostri interessi e visualizzare annunci pertinenti su altri siti. Non memorizzano direttamente le informazioni personali, ma si basano sull'identificazione univoca del browser e del dispositivo Internet. Se non si consente l'utilizzo di questi cookie, si vedrà una pubblicità meno mirata
