哔哩哔哩360度视频VR播放插件

用VR头显观看B站360度视频。

兼容设备

使用方法

  1. 安装SteamVR,完成头显配置,确保你可以用SteamVR玩VR游戏。
  2. 在火狐(Firefox)浏览器中打开本页。
    注意:不能使用Chrome浏览器,因为Chrome浏览器移除了WebVR API,且新增的WebXR API尚未支持SteamVR设备。
  3. 显示火狐的书签工具栏,方法如下:
    按alt键显示火狐菜单栏,然后依次选择“查看>工具栏>书签工具栏>始终显示”。
  4. 把下方链接拖动到浏览器书签工具栏:
    B站VR全景
    拖动方法如图:
  5. B站360度视频播放页面点击书签工具栏上的“B站VR全景”书签,会在视频简介下方生成一个带有“360°”图标的视频播放窗口。
  6. 点击B站自身的视频播放按钮播放视频,“360°”播放窗口也会同步开始播放。
  7. 鼠标放在“360°”窗口底部,点击右下角的VR头显图标,即可让视频进入VR头显播放。如果播放成功,“360°”窗口中的视频画面会变成黑色。如果视频画面未变黑,且VR头显内也无视频画面,请重启SteamVR后再试。如果VR头显图标未出现,请关闭火狐和SteamVR,然后只打开火狐,等火狐自动打开SteamVR。
  8. 播放过程如图:

源代码

实现思路

“B站视频的src是blob,无法通过插件创建的video标签进行播放……”
“那为什么不直接用B站自己的video标签进行播放呢”

于是我的插件就做好了

感谢