VR Stream Web Player (VR直播网页播放器)

Проект

1. Использование VR-сценария в качестве фона, подключение к потоку прямых трансляций для просмотра прямых трансляций в VR-сценарии через веб-плеер.

2. Применение видео с зелёным экраном, панорамного видео и 3D-моделей переднего плана для создания VR-сцены.

3. Поддержка кубической карты панорамного видео и обычного панорамного видео.

Описание блога

[CSDN BLOG VR视频直播播放器][blog]

Демонстрация проекта

[VR直播网页播放demo http://demo.kidlueng.com][demo] (можно открыть на ПК/Android/iPhone с помощью браузера Chrome, также можно испытать на iOS/Android с помощью WeChat).

PS: этот адрес демоверсии не является постоянным адресом, если вам нужно демонстрационное тестирование, вы можете связаться с автором.

Связанные проекты

Этот проект основан на VR-сцене и создан на GitHub [WebVR Boilerplate][wb].

Использование three.js для построения VR-сцен, поддержка обычных панорамных видео и [facebook transform][fbtf] для преобразования панорамных видео cubemap.

Применение [hls.js][hls] для воспроизведения прямых трансляций внутри H5.

Прямые трансляции

В этом проекте в настоящее время используются [panda.tv][pd] для получения прямых трансляций. Вызваны некоторые интерфейсы [panda.tv][pd]. Если есть нарушение авторских прав, пожалуйста, свяжитесь с автором.

Из-за проблем с междоменными вызовами JavaScript в настоящее время используется Nginx для обратного прокси-сервера для доступа к соответствующему интерфейсу и прямым трансляциям.

Некоторые прямые трансляции могут иметь проблемы.

Адаптация платформы

Этот проект может быть адаптирован для мобильных устройств и может воспроизводиться на мобильных браузерах Android/iPhone.

На ПК-терминалах Chrome может плавно воспроизводить прямые трансляции и фоновые видео.

Конфигурация обратного прокси Nginx

resolver 114.114.114.114;
location ~* ^/u/(.*)$ {
    proxy_pass http://$1?$args;
}

Связаться с автором: Kid Lueng

QQ группа общения: 241587879 (верификация информации: VR直播) e-mail:100520140@qq.com

Настройка VR WEB плеера

Если вам нужна настройка определённых функций на основе этого проигрывателя (платная), вы можете связаться с автором Kid Lueng.

Связанные проекты

• [WebVR Boilerplate][wb]: https://github.com/borismus/webvr-boilerplate
• [facebook transform][fbtf]: https://github.com/facebook/transform
• [hls][hls]: https://github.com/dailymotion/hls.js
• [three.js][three.js]: https://threejs.org

Благодарности

@龙凤凤舞