«

»

Ноя 26 2018

Распечатать Запись

Воспроизведение видео 360° градусов с помощью Bitmovin VR плеера

Стриминг и воспроизведение видео 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. Буду рад видеть Вас в своих подписчиках.


Комментарии:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>