Вы когда-нибудь хотели интересный и красивый способ публиковать видео на своем сайте, например новые приложения «60 минут» или RedBull.tv из Интернет-магазина Chrome? Я рад объявить о выпуске веб-приложения The Video Player Sample ! Образец видеоплеера — это веб-приложение видеоплеера с открытым исходным кодом, созданное с использованием той же архитектуры, что и приложения 60 Minutes и RedBull.tv. Его можно настраивать, расширять или просто использовать «из коробки» и наполнять собственным контентом.
Как это работает
Когда пользователь открывает образец видеоплеера, он может выбрать просмотр одного видео или создать список воспроизведения видео/эпизодов из списка, который он загрузил и заполнил в приложении. Образец видеоплеера настроен, и информация о видео хранится в файлах JSON (config.json и data.json соответственно), оба из которых расположены в каталоге данных.
Ключевая особенность
- Прекрасный опыт просмотра видео, включая полноэкранный режим
- Возможность подписываться на шоу, смотреть выпуски, создавать плейлисты
- Поддержка нескольких форматов видео в зависимости от того, что поддерживает браузер пользователя (включая WebM, Ogg, MP4 и даже резервный вариант Flash).
- Страница категорий с обзором различных шоу/категорий, доступных в приложении.
- Уведомления о новых выпусках (при установке приложения через Интернет-магазин Chrome)
- Встроенная поддержка публикации в Google+, Twitter и Facebook.
- Для облегчения настройки в комплект включены все исходные файлы, включая PSD-файлы Photoshop.
Как это построено
Пример видеоплеера написан для открытой веб-платформы с использованием HTML и JavaScript, в целом следуя шаблону и структуре контроллера представления модели .
- Он построен с использованием JavaScript-библиотеки Google Closure с открытым исходным кодом.
- Скомпилировано с помощью компилятора замыканий
- Распространяется через Интернет-магазин Chrome для использования уведомлений.
Поддержка браузера
Образец видеоплеера не только работает в качестве приложения, которое можно установить через Интернет-магазин Chrome, но и протестирован и работает во всех современных браузерах.
Попробуйте это
Вы можете увидеть демо-версию видеоплеера в действии в демо-приложении . Чтобы узнать больше о том, как работает приложение, ознакомьтесь с документацией .
Вы можете получить код из Google Code .
Наслаждаться!