Video con sottotitoli e senza bisogno di plugin in HTML5
[AGGIORNAMENTO: ho ripreso per intero il mio seminario a Smau 2009: Scenari futuri del Video-on-the-Web in HTML5.
Segui il video dell'intero seminario e le slide.]
Silvia Pfeiffer sta portando avanti in Mozilla una ricerca per l'accessibilità dei video in Html5.
Attualmente è disponibile una demo per la sottotitolazione nei formati Srt e Dfxp, che funziona in Html5 con Firefox (dalla versione 3.1 in avanti), con un player costruito tramite Javascript e file video nel formato Ogg. Ogg Theora è stato scelto da Mozilla come baseline video codec per Firefox e per il tag Html5 <video> e l'elemento <itext> per la sottotitolazione.
La demo funziona, oltre che con Firefox, anche con le experimental build di Opera, Chrome e Safari con XiphQT. Internet Explorer 8 supporta alcune parti di Html5 ma non ancora Video, tuttavia lo sviluppo è in corso.
E' possibile analizzare il funzionamento di questa interessante soluzione, che libera la fruizione di video sul Web dall'uso di plugin proprietari come player riproduttori (come ad esempio Adobe Flash, Windows Media player, Real player, QuickTime player...). Non vi è bisogno di un oggetto di programmazione esterno da inglobare nella pagina con l'elemento Object, in quanto il Player basato sulle video JavaScript API è controllato dalla pagina Html.
Aggiornamento: Silvia Pfeiffer (vedi il commento al post) gentilmente mi informa che la skin del Player e la funzione di ingrandimento su trascinamento sono opera di Hans Schmucker.
Mi dice poi una cosa di estremo interesse: utilizzando gli screen-reader che supportano le live region WAI ARIA, il video è integrato da commenti per i non vedenti, che descrivono l'informazione visiva non dialogica.
Riguardo il supporto per gli screen reader la ricerca è in corso.
Vedi più oltre in questo stesso post, dopo l'immagine, per l'inaccessibilità di questa soluzione riguardo la navigazione da tastiera.
L'immagine che segue conduce alla demo funzionante, con sottotitolazione multilingue nel formato Srt. Utilizzando l'icona a fumetto è possibile selezionare la lingua per i sottotitoli e altre opzioni.
Nella pagina della demo, è possibile ingrandire a piacimento l'area video, trascinando col mouse l'angolo in basso a destra del Player javascript. Non si può ingrandire tramite tastiera.
Lista di demo in progress, di Silvia Pfeiffer.
Purtroppo a causa di un bug di Firefox ("Make video and audio controls keyboard navigable"), non è attualmente possibile navigare il Player built-in tramite il tasto Tabulatore. Pertanto serve almeno un clic del mouse per prendere il Focus, prima di poter utilizzare tutte le funzionalità predisposte. [Vedi aggiornamento più oltre]
Questo limita l'accessibilità del Player in Firefox, in quanto interoperabile con un solo dispositivo (Cfr. WAI User Agent Accessibility Guideline, Guideline 1. Support input and output device-independence). Le persone con disabilità motorie che non possono utilizzare il mouse, e le persone non vedenti che non dispongono di tecnologie assistive in grado di interagire direttamente col built-in Player di Firefox, non sono in grado di far partire il video e di utilizzare i comandi del Player.
AGGIORNAMENTO 28 settembre 2009: in realtà, il problema non è l'impossibilità di spostare il Focus sul video, ma l'impossibilità per l'utente di sapere se il Focus sia o non sia sul video, utilizzando Firefox.
Il risultato in sostanza è lo stesso, per chi naviga senza mouse, infatti una volta che spostandosi col tabulatore si arriva al Focus sul video, i comandi da tastiera sono attivi, ad esempio è possibile fare partire e fermare il filmato con la barra spaziatrice; tuttavia, l'utente non ha modo di comprendere tramite risposte visive se il Focus è sul video. Questo crea per lo più la sensazione di non poter gestire il filmato senza l'uso del mouse.
Per un approfondimento leggi il post Keyboard control of html5 video elements, di
Speriamo che i tempi per risolvere questo bug siano più brevi di quanto avviene per il consimile bug che affligge Firefox nella navigazione con Tab in Html4/Xhtml: "No way to move focus between plugin and browser from keyboard".
Risale al 2001 ed è ancora un problema irrisolto: causa l'inaccessibilità dei video incapsulati con l'elemento Object, in quanto senza il mouse è impossibile prendere il Focus sul Player e attivare il video.
Alcuni Player Flash-based, analizzati nel Player Zen Garden di Webmultimediale, dispongono di una console aggiuntiva Javascript/Html, che consente di fare partire il filmato da tastiera. Vedi un esempio, e un secondo.
Il Nomensa Player risolve il problema tramite una interessante interfaccia Html/Css-based con supporto WAI-ARIA.
© 2007