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 Video Player Sample. L'esempio di video player è un'app web di video player open source creata utilizzando la stessa architettura delle app 60 Minutes e RedBull.tv. Può essere personalizzato, esteso o semplicemente utilizzato così com'è e compilato con i tuoi contenuti.
Come funziona
Quando un utente apre l'esempio di Video Player, può scegliere di guardare un singolo video o creare una playlist di video/puntate da un elenco che ha caricato e compilato nell'app. L'esempio di Video Player è configurato e le informazioni sui video sono memorizzate in file JSON (rispettivamente config.json e data.json), entrambi situati nella directory dei dati.
Funzionalità principali
- Un'esperienza di visualizzazione dei video di alta qualità, inclusa una visualizzazione a schermo intero
- Possibilità di iscriversi ai programmi, guardare le puntate, creare playlist
- Supporto di più formati video, a seconda di quelli supportati dal browser dell'utente (inclusi WebM, Ogg, MP4 e persino un fallback per Flash)
- Una pagina Categorie con una panoramica dei diversi programmi/categorie disponibili nell'app
- Notifiche dei nuovi episodi (quando l'app è installata tramite il Chrome Web Store)
- Supporto integrato per la condivisione su Google+, Twitter e Facebook
- Per garantire una facile personalizzazione, sono inclusi tutti i file di origine, inclusi i file PSD di Photoshop.
Come viene creato
L'esempio di lettore video è scritto per la piattaforma web aperta utilizzando HTML e JavaScript, seguendo in linea di massima il pattern e la struttura Model View Controller.
- È realizzato utilizzando la libreria JavaScript Google Closure open source
- Compilato con Closure Compiler
- Distribuite tramite il Chrome Web Store per sfruttare le notifiche
Supporto dei browser
Oltre a funzionare come app che può essere installata tramite il Chrome Web Store, il Sample di Video Player è stato testato e funziona in tutti i browser moderni.
Prova
Puoi vedere 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!