Haben Sie schon einmal nach einer unterhaltsamen und ansprechenden Möglichkeit gesucht, Videos auf Ihrer eigenen Website zu veröffentlichen, wie die neuen Apps 60 Minuten oder RedBull.tv aus dem Chrome Web Store? Ich freue mich, die Veröffentlichung der Web-App Videoplayer-Beispiel ankündigen zu können. Das Videoplayer-Beispiel ist eine Open-Source-Web-App für Videoplayer, die mit derselben Architektur wie die 60 Minuten- und RedBull.tv-Apps erstellt wurde. Sie können es anpassen, erweitern oder einfach direkt verwenden und mit Ihren eigenen Inhalten füllen.
Funktionsweise
Wenn ein Nutzer das Beispiel für den Videoplayer ö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 hochgeladen hat. Das Beispiel für den Videoplayer wird konfiguriert und Informationen zu den Videos werden in JSON-Dateien (config.json und data.json) gespeichert, die sich beide im Datenverzeichnis befinden.
Wichtige Features
- Videowiedergabe in hoher Qualität, einschließlich Vollbildmodus
- Möglichkeit, Serien zu abonnieren, Folgen anzusehen und Playlists zu erstellen
- Unterstützung mehrerer Videoformate, je nachdem, was der Browser des Nutzers unterstützt (einschließlich WebM, Ogg, MP4 und sogar ein Flash-Fallback)
- Eine Seite Kategorien mit einer Übersicht über die verschiedenen Serien/Kategorien, die in der App verfügbar sind
- Benachrichtigungen zu neuen Folgen (wenn die App über den Chrome Web Store installiert wurde)
- Integrierte Unterstützung für die Freigabe auf Google+, Twitter und Facebook
- Für eine einfache Anpassung sind alle Quelldateien, einschließlich der Photoshop-PSDs, enthalten.
Aufbau
Das Videoplayer-Beispiel wurde für die offene Webplattform mit HTML und JavaScript geschrieben und folgt im Wesentlichen dem Muster und der Struktur des Model View Controller.
- Er wurde mit der Open-Source-JavaScript-Bibliothek Google Closure erstellt.
- Mit dem Closure Compiler kompiliert
- Über den Chrome Web Store vertrieben, um Benachrichtigungen zu nutzen
Unterstützte Browser
Das Videoplayer-Beispiel kann nicht nur als App über den Chrome Web Store installiert werden, sondern wurde auch in allen modernen Browsern getestet und funktioniert dort.
Jetzt ausprobieren
In der Demo-App können Sie sich eine Demo des Videoplayers in Aktion ansehen. Weitere Informationen zur Funktionsweise der App finden Sie in der Dokumentation.
Sie können den Code unter Google Code abrufen.
Viel Spaß!