哔哩哔哩360度视频VR播放插件
用VR头显观看B站360度视频。
兼容设备
- Vive Pro (亲测可用)
- 其他SteamVR兼容设备
使用方法
- 安装SteamVR,完成头显配置,确保你可以用SteamVR玩VR游戏。
-
在火狐(Firefox)浏览器中打开本页。
注意:不能使用Chrome浏览器,因为Chrome浏览器移除了WebVR API,且新增的WebXR API尚未支持SteamVR设备。
-
显示火狐的书签工具栏,方法如下:
按alt键显示火狐菜单栏,然后依次选择“查看>工具栏>书签工具栏>始终显示”。
-
把下方链接拖动到浏览器书签工具栏:
B站VR全景
拖动方法如图:
-
在B站360度视频播放页面点击书签工具栏上的“B站VR全景”书签,会在视频简介下方生成一个带有“360°”图标的视频播放窗口。
-
点击B站自身的视频播放按钮播放视频,“360°”播放窗口也会同步开始播放。
-
鼠标放在“360°”窗口底部,点击右下角的VR头显图标,即可让视频进入VR头显播放。如果播放成功,“360°”窗口中的视频画面会变成黑色。如果视频画面未变黑,且VR头显内也无视频画面,请重启SteamVR后再试。如果VR头显图标未出现,请关闭火狐和SteamVR,然后只打开火狐,等火狐自动打开SteamVR。
-
播放过程如图:
源代码
实现思路
“B站视频的src是blob,无法通过插件创建的video标签进行播放……”
“那为什么不直接用B站自己的video标签进行播放呢”
于是我的插件就做好了
感谢