Heb je ooit op zoek geweest naar een leuke en mooie manier om video's op je eigen site te publiceren, zoals de nieuwe apps 60 Minutes of RedBull.tv uit de Chrome Web Store? Ik ben verheugd de release van de webapp The Video Player Sample aan te kondigen! The Video Player Sample is een open source videospeler-webapp, gebouwd met dezelfde architectuur als de apps 60 Minutes en RedBull.tv. Je kunt de app aanpassen, uitbreiden of direct gebruiken en vullen met je eigen content.
Hoe het werkt
Wanneer een gebruiker het videospelervoorbeeld opent, kan hij of zij ervoor kiezen om één video te bekijken of een afspeellijst met video's/afleveringen te maken op basis van een lijst die hij of zij heeft geüpload en naar de app heeft ingevuld. Het videospelervoorbeeld is geconfigureerd en informatie over de video's wordt opgeslagen in JSON-bestanden (respectievelijk config.json en data.json), die beide in de datadirectory staan.
Belangrijkste kenmerken
- Een prachtige video-kijkervaring, inclusief weergave op volledig scherm
- Mogelijkheid om je te abonneren op programma's, afleveringen te bekijken en afspeellijsten te maken
- Ondersteuning voor meerdere videoformaten, afhankelijk van wat de browser van de gebruiker ondersteunt (waaronder WebM, Ogg, MP4 en zelfs een Flash-fallback)
- Een categorieënpagina met een overzicht van de verschillende shows/categorieën die beschikbaar zijn in de app
- Meldingen van nieuwe afleveringen (wanneer de app is geïnstalleerd via de Chrome Web Store)
- Ingebouwde ondersteuning voor delen op Google+, Twitter en Facebook
- Om eenvoudige aanpassing te garanderen, zijn alle bronbestanden, inclusief de Photoshop PSD's, inbegrepen
Hoe het is gebouwd
Het videospelervoorbeeld is geschreven voor het open webplatform met behulp van HTML en JavaScript, waarbij grotendeels het Model View Controller- patroon en de structuur worden gevolgd.
- Het is gebouwd met behulp van de open source Google Closure JavaScript-bibliotheek
- Gecompileerd met de Closure Compiler
- Gedistribueerd via de Chrome Web Store om te profiteren van meldingen
Browserondersteuning
De Video Player Sample is niet alleen te gebruiken als app die geïnstalleerd kan worden via de Chrome Web Store, maar is ook getest en werkt in alle moderne browsers.
Probeer het eens
Je kunt een demo van de videospeler in actie zien in de demo-app . Raadpleeg de documentatie voor meer informatie over hoe de app werkt.
Je kunt de code downloaden van Google Code .
Genieten!