Panoramica su 10 lettori HTML5

Questo documento prende in esame 10 diversi player HTML5. Alla fine della carrellata sarà semplice scegliere la soluzione più adatta alle proprie esigenze.

Il voto finale, oltre che soggettivo ovviamente, include i seguenti parametri di giudizio:

• facilità di installazione
• facilità di personalizzazione
• compatibilità generale
• usabilità dell’interfaccia

I dieci video presi in esame:

• Video for Everybody

  Player che fa uso solamente del codice standard di HTML5 con un tag object al suo interno per il fallback in Flash. I comandi mostrati sono quelli nativi dei diversi browser.
  Voto finale: 8,5
  DEMO Video for Everybody

• VideoJS

  Utilizza un file Javascript ed un CSS per l’interfaccia grafica. Non richiede framework esterni. Semplice da installare e personalizzare. Fallback in Flash.
  Voto finale: 9
  DEMO VideoJS

• Sublime Video

  Per adesso è disponibile solamente come javascript esterno da richiamare dal sito del produttore. Semplice da installare ma impossibile da personalizzare graficamente.
  Voto finale: 7
  DEMO Sublime Video

• Projekktor

  Molte le opzioni disponibili, soprattutto per l’integrazione con strumenti di advertising. Disponibili le API in Javascript per integrare funzionalità aggiuntive. Utilizza Jaris Player come player Flash ma ci sono difficoltà nel cambiarlo.
  Voto finale: 6,5
  DEMO Projekktor

• LeanBack Player

  Uno dei pochi Player che supporta sia i comandi da tastiera che i sottotitoli. Ottimo per l’accessibilità ma c’è da sottolineare che il codice utilizzato per caricare i sottotitoli non è standard e non viene validato dal W3C. L’interfaccia è un po’ lenta nel caricamento mentre il flash player da utilizzare può essere scelto a piacere.
  Voto finale: 7,5
  DEMO LeanBack Player

• Kaltura HTML5

  Player di difficile implementazione. Per questo motivo è raccomandato includere il file .js esterno offerto dal sito del produttore. In base alle caratteristiche del proprio client offre un fallback in Flash o Java. Diverse le skin disponibili sul sito. Le opzioni a disposizione sono molte anche se l’interfaccia, per forza di cose, è un po’ lenta nel caricamento.
  Voto finale: 7
  DEMO Kaltura HTML5

• HTML5 Media

  Nessun framework richiesto se non un file javascript. Semplice da implementare. Utilizza FlowPlayer come player Flash per il fallback ma incredibilmente viene utilizzato js per il suo funzionamento. E’ evidente quindi che i browser che non supportano HTML5 e con Javascript disabilitato non vedranno nulla.
  Voto finale: 5,5
  DEMO HTML5 Media

• Flare Video

  Richiede JQuery per funzionare e l’implementazione non risulta così immediata. Per la visualizzazione del player Flash (proprietario) del fallback viene utilizzato javascript. E’ evidente quindi che i browser che non supportano HTML5 e con Javascript disabilitato non vedranno nulla. Riscontrati problemi con Explorer 6,7,8.
  Voto finale: 5
  DEMO Flare Video

• SRT Video

  Richiede JQuery per funzionare e l’implementazione è semplice. Il player utilizzato nel fallback è Cortado, in Java ma viene utilizzato Javascript per visualizzarlo. E’ evidente quindi che i browser che non supportano HTML5 e con Javascript disabilitato non vedranno nulla. La particolarità di questo player è il plugin che permette di inserire sottotitoli ai video.
  Voto finale: 7
  DEMO SRT Video

Note sull’accessibilità

Prima di arrivare ad una scelta è necessaria qualche nota sull’accessibilità.
HTML5 è giovane e, come precedentemente accennato, è ancora in versione draft. Ad oggi non è ancora disponibile un attributo standard che permetta di inserire didascalie al video anche se un obiettivo dichiarato è ufficializzare un parametro “track” che permetta di associare testi in più lingue ad un filmato (traguardo già raggiungibile con un player in Flash).

Allo stato attuale esistono diversi metodi, più o meno consoni, per implementare ugualmente dei sottotitoli. Un esempio è LeanBack Player che, con l’ausilio di Javascript, visualizza una trascrizione completa del filmato.

Il difetto più grande di questa soluzione è l’utilizzo del parametro “itext”, di fatto inesistente e quindi non standard (impossibile da utilizzare in ambito Pubblica Amministrazione per esempio).

Un’altra soluzione, questa volta pienamente W3C compliant, viene presentata da SRT Video. Si appoggia a javascript con JQuery come framework ma la compilazione del testo trascritto richiede un gran lavoro.

Pagina: 1 2 3 4 5 6