Haben Sie sich schon einmal gewünscht, Videos auf Ihrer Website auf unterhaltsame und schöne Weise zu veröffentlichen, zum Beispiel mit den neuen Apps 60 Minutes oder RedBull.tv aus dem Chrome Web Store? Ich freue mich, die Veröffentlichung der Web-App The Video Player Sample bekannt geben zu können. The Video Player Sample ist eine Open-Source-Web-App für Videoplayer, die auf derselben Architektur wie die Apps 60 Minutes und RedBull.tv aufgebaut ist. Sie kann angepasst, erweitert oder direkt verwendet und mit eigenen Inhalten gefüllt werden.
Funktionsweise
Wenn ein Nutzer das Videoplayer-Beispiel öffnet, kann er sich ein einzelnes Video ansehen oder eine Playlist mit Videos/Folgen aus einer Liste erstellen, die er hochgeladen und in die App gefüllt hat. Das Videoplayer-Beispiel 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
- Ein fantastisches Videoerlebnis, einschließlich einer Vollbildansicht
- Abonnieren von Sendungen, Ansehen von Folgen und Erstellen von Wiedergabelisten
- Unterstützung mehrerer Videoformate, abhängig davon, was der Browser des Nutzers unterstützt (einschließlich WebM, Ogg, MP4 und sogar ein Flash-Fallback)
- Die Seite Kategorien mit einer Übersicht der verschiedenen Sendungen/Kategorien in der App
- Benachrichtigungen über neue Folgen (wenn die App über den Chrome Web Store installiert wird)
- Integrierte Unterstützung für das Teilen auf Google+, Twitter und Facebook
- Alle Quelldateien, einschließlich der Photoshop-PSDs, sind enthalten, um eine einfache Anpassung zu ermöglichen.
Aufbau
Das Video Player-Beispiel wurde mit HTML und JavaScript für die offene Webplattform geschrieben und folgt weitgehend dem Muster und der Struktur des Model View Controller.
- Es basiert auf der Open-Source-Google Closure-JavaScript-Bibliothek
- Kompiliert mit dem Closure Compiler
- Über den Chrome Web Store verteilt, um von Benachrichtigungen zu profitieren
Unterstützte Browser
Das Video Player Sample funktioniert nicht nur als App, die über den Chrome Web Store installiert werden kann, sondern wurde auch getestet und funktioniert in allen modernen Browsern.
Ausprobieren
In der Demo-App kannst du dir eine Demo des Videoplayers ansehen. Weitere Informationen zur Funktionsweise der App findest du in der Dokumentation.
Sie können den Code von Google Code abrufen.
Viel Spaß!