哔哩哔哩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标签进行播放呢”

于是我的插件就做好了

感谢