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