Стриминг и воспроизведение видео 360 градусов становятся все популярнее. Ранее, я уже писал о том, как можно организовать видеовещание видео 360 градусов в сеть Интернет. Сегодня я публикую пример использования Bitmovin VR плеера для проигрывания такого формата видео.
Bitmovin VR плеер
Bitmovin плеер является одним из самых популярных плееров, используемых для воспроизведения Интернет видео, поэтому я решил подготовить и сделать общедоступным код для встраивания этого плеера на сайт.
Ссылка на страницу с Bitmovin VR плеером
Например, используя этот плеер вы сможете проигрывать видео 360 градусов на своем сайте. Также в свой пример я встроил две кнопки, с помощью которых можно двигать видео влево и вправо, а также внизу плеера я вывожу некоторые полезные данные, например:
- размер видео буфера,
- угол обзора по вертикали,
- угол обзора по горизонталь,
- направления просмотра (yaw, pitch, roll),
- увеличение.
Для получения этих данных и управления плеером я использовал Bitmovin player API, подробное описание которого доступно в Интернете. В качестве видео я использую файл, скачанный из Интернета в формате Equirectangular.
Для того чтобы посмотреть воспроизведение видео 360 градусов, откройте страницу с плеером и кликните на кнопку воспроизведения видео. Направление просмотра видео можно изменять, двигая видео курсором компьютерной мыши или с помощью кнопок <Move to the left> и <Move to the right>.
Отмечу, что Bitmovin плеер может воспроизводить видео с таких медиасерверов как Wowza Streaming Engine и Nimble streamer. Вы можете использовать мой пример в своем проекте для этого скопируйте код и используемые библиотеки на свой хостинг.
Всего хорошего
Приглашаю всех подписаться на новости моей публичной страницы ВКонтакте, ее адрес http://vk.com/itmultimedia. Буду рад видеть Вас в своих подписчиках.
Комментарии: