Il tag video di HTML5 consente di definire, direttamente all'interno della pagina, un contenuto di tipo multimediale, senza necessità di plug-in esterni.
Una caratteristica interessante è quella di poter inserire i sottotitoli e lasciare al browser l'onere di visualizzarli.
<video controls autoplay loop src="video.mp4"> <track kind="subtitles" srclang="en" label="English" src="video.en.vtt"> <track kind="subtitles" srclang="it" label="Italiano" src="video.it.vtt" default> </video>
Il file referenziato è nel formato WebVTT e bisogna ricordarsi di registrare l'apposito MIME type text/vtt nel server, altrimenti alcuni browser non scaricheranno correttamente il file e non verranno visualizzati i sottotitoli.
Ecco un esempio del file referenziato, dove sono riportati in sequenza gli intervalli e il testo da visualizzare:
WEBVTT 00:00:00.000 --> 00:00:10.000 Esempio di sottotitolo sfruttando il tag <track> 00:00:10.000 --> 00:00:20.000 Questo è un sottotitolo con HTML5
Le specifiche WebVTT sono disponibili qui (ancora in draft):
http://dev.w3.org/html5/webvtt/
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Ottimizzare il mapping di liste di tipi semplici con Entity Framework Core
Generare la software bill of material (SBOM) in GitHub
Utilizzare le collection expression in C#
Ottimizzare le performance delle collection con le classi FrozenSet e FrozenDictionary
Utilizzare il nuovo modello GPT-4o con Azure OpenAI
Implementare l'infinite scroll con QuickGrid in Blazor Server
Migliorare i tempi di risposta di GPT tramite lo streaming endpoint in ASP.NET Core
Usare le navigation property in QuickGrid di Blazor
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Eseguire una query su SQL Azure tramite un workflow di GitHub
Hosting di componenti WebAssembly in un'applicazione Blazor static
Evitare (o ridurre) il repo-jacking sulle GitHub Actions