Czy kiedykolwiek chciałeś/chciałyście publikować filmy w swojej witrynie w ciekawy i estetyczny sposób, tak jak w przypadku nowych aplikacji 60 Minutes i RedBull.tv z Chrome Web Store? Z przyjemnością informujemy o publikowaniu aplikacji internetowej The Video Player Sample. Przykładowy odtwarzacz wideo to internetowa aplikacja typu open source zbudowana z użyciem tej samej architektury co aplikacje 60 Minutes i RedBull.tv. Można go dostosować, rozszerzyć lub po prostu użyć bez zmian i wypełnić własnymi treściami.
Jak to działa
Gdy użytkownik otworzy próbkę odtwarzacza wideo, będzie mógł obejrzeć pojedynczy film lub utworzyć playlistę filmów/odcinków z listy przesłanej i wypełnionej w aplikacji. Próbka odtwarzacza wideo jest skonfigurowana, a informacje o filmach są przechowywane w plikach JSON (odpowiednio config.json i data.json), które znajdują się w katalogu danych.
Najważniejsze funkcje
- możliwość oglądania filmów w pięknej jakości, w tym w trybie pełnoekranowym;
- możliwość subskrybowania programów, oglądania odcinków i tworzenia playlist;
- Obsługa wielu formatów wideo w zależności od tego, co obsługuje przeglądarka użytkownika (w tym WebM, Ogg, MP4, a nawet Flash).
- strona Kategorie z przeglądem różnych programów i kategorii dostępnych w aplikacji;
- powiadomienia o nowych odcinkach (gdy aplikacja jest zainstalowana za pomocą Chrome Web Store);
- Wbudowana obsługa udostępniania w Google+, na Twitterze i Facebooku
- Aby ułatwić dostosowywanie, dołączono wszystkie pliki źródłowe, w tym pliki PSD programu Photoshop.
Sposób tworzenia
Przykładowy odtwarzacz wideo został napisany dla otwartej platformy internetowej przy użyciu języków HTML i JavaScript, w dużej mierze zgodnie ze wzorcem i strukturą Model View Controller.
- Jest ona zbudowana przy użyciu biblioteki JavaScriptu Google Closure typu open source.
- Skompilowano za pomocą kompilatora Closure.
- rozpowszechniane w Chrome Web Store, aby korzystać z powiadomień;
Obsługa przeglądarek
Plik Video Player Sample jest aplikacją, którą można zainstalować w Chrome Web Store. Został on przetestowany i działa we wszystkich nowoczesnych przeglądarkach.
Wypróbuj
Odtwarzacz wideo możesz zobaczyć w działaniu w aplikacji demonstracyjnej. Więcej informacji o jej działaniu znajdziesz w dokumentacji.
Kod możesz pobrać z Google Code.
Miłej zabawy!