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 wypuszczeniu 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 je 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
- Piękne filmy, 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+, Twitterze i na 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 tworzona za pomocą 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 to aplikacja, którą można zainstalować w Chrome Web Store. Została przetestowana 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!