Wollten Sie schon immer Videos auf Ihrer eigenen Website auf unterhaltsame und ansprechende Weise veröffentlichen, wie in den neuen 60 Minutes- oder RedBull.tv-Apps aus dem Chrome Web Store? Wir freuen uns, die Veröffentlichung der Web-App The Video Player Sample bekanntzugeben. Das Videoplayer-Beispiel ist eine Open-Source-Web-App für Videoplayer, die mit derselben Architektur wie die Apps von 60 Minutes und RedBull.tv erstellt wurde. Es kann angepasst, erweitert oder einfach so verwendet und mit eigenen Inhalten gefüllt werden.
Funktionsweise
Wenn ein Nutzer das Video Player Sample öffnet, kann er sich ein einzelnes Video ansehen oder eine Playlist mit Videos/Folgen aus einer Liste erstellen, die er in die App hochgeladen und mit Inhalten gefüllt hat. Das Video Player Sample ist konfiguriert und Informationen zu den Videos werden in JSON-Dateien (config.json bzw. data.json) gespeichert, die sich beide im Datenverzeichnis befinden.
Wichtige Features
- Eine tolle Videowiedergabe, einschließlich Vollbildmodus
- Möglichkeit, Serien zu abonnieren, Folgen anzusehen und Playlists zu erstellen
- Unterstützung mehrerer Videoformate je nach Browser des Nutzers (einschließlich WebM, Ogg, MP4 und sogar eines Flash-Fallbacks)
- Eine Seite Kategorien mit einer Übersicht über die verschiedenen in der App verfügbaren Sendungen/Kategorien
- Benachrichtigungen über neue Folgen (wenn die App über den Chrome Web Store installiert wurde)
- Integrierte Unterstützung für das Teilen auf Google+, Twitter und Facebook
- Alle Quelldateien, einschließlich der Photoshop-PSD-Dateien, sind enthalten, um eine einfache Anpassung zu ermöglichen.
So wird es erstellt
Das Videoplayer-Beispiel wurde für die offene Webplattform mit HTML und JavaScript geschrieben und folgt im Großen und Ganzen dem MVC-Muster (Model View Controller).
- Sie basiert auf der Open-Source-Google Closure JavaScript-Bibliothek.
- Mit dem Closure Compiler kompiliert
- Über den Chrome Web Store verteilt, um Benachrichtigungen zu nutzen
Unterstützte Browser
Das Videoplayer-Beispiel funktioniert nicht nur als App, die über den Chrome Web Store installiert werden kann, sondern wurde auch in allen modernen Browsern getestet.
Jetzt ausprobieren
Eine Demo des Videoplayers in Aktion finden Sie in der Demo-App. Weitere Informationen zur Funktionsweise der App finden Sie in der Dokumentation.
Sie können den Code von Google Code abrufen.
Viel Spaß!