Ecco l'esempio del video player

Hai mai desiderato un modo divertente e bello per pubblicare video sul tuo sito come le nuove app 60 Minutes o RedBull.tv del Chrome Web Store? Sono felice di annunciare il rilascio dell'app web The Video Player Sample. Il Video Player Sample è un'app web per video player open source creata utilizzando la stessa architettura delle app 60 Minutes e RedBull.tv. Può essere personalizzato, esteso o appena utilizzato e completato con i tuoi contenuti.

Esempio di video player a schermo intero
Esempio di video player

Come funziona

Quando un utente apre l'anteprima del video player, può scegliere di guardare un singolo video o di creare una playlist di video/episodi da un elenco che ha caricato e compilato nell'app. Il video player di esempio viene configurato e le informazioni sui video vengono archiviate in file JSON (rispettivamente config.json e data.json), entrambi situati nella directory dei dati.

Funzionalità principali

  • Una fantastica esperienza di visione dei video, inclusa la visualizzazione a schermo intero
  • Possibilità di iscriversi a programmi e guardare episodi e di creare liste di riproduzione
  • Supporto di più formati video a seconda di ciò che il browser dell'utente supporta (inclusi WebM, Ogg, MP4 e persino un Flash di riserva)
  • Una pagina Categorie con una panoramica dei diversi programmi/categorie disponibili nell'app
  • Notifiche delle nuove puntate (quando l'app viene installata tramite il Chrome Web Store)
  • Supporto integrato per la condivisione su Google+, Twitter e Facebook
  • Per facilitare la personalizzazione, sono inclusi tutti i file sorgente, compresi i PSD di Photoshop

Come si crea

Il video player di esempio è stato scritto per la piattaforma web aperta utilizzando HTML e JavaScript, secondo la struttura e il pattern del controller visualizzazione modello.

Supporto dei browser

Oltre a funzionare come app installabile tramite il Chrome Web Store, il video player Sample è stato testato e funziona con tutti i browser moderni.

Prova

Puoi guardare una demo del video player in azione nell'app demo. Per scoprire di più sul funzionamento dell'app, consulta la documentazione.

Puoi recuperare il codice da Google Code.

Buon divertimento!