其他方案

Opera 55 VR Player

除了使用我这个方案之外,也可以尝试使用 Steam社区 介绍的Opera 55 VR Player方案。
可在此处找到Opera 55, 建议下载Opera_55.0.2994.61_Setup_x64.exe
注意必须参考Steam社区提到的方法禁止自动更新,否则会更新到没有VR Player功能的版本。
使用Opera 55就不需要用下面提到的书签了,打开SteamVR后,B站视频播放窗口上会直接出现VR图标,点击即可。
进入VR后需要手动切换到360度模式,B站选球形即可,Youtube通常选正方体,但也有个别是球形。
此外,指向空白处按扳机键可以隐藏VR里的控制条。


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

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

兼容设备

使用方法

  1. 安装SteamVR,完成头显配置,确保你可以用SteamVR玩VR游戏。
  2. 如果使用火狐(Firefox)浏览器,在地址栏输入 about:config 并回车,点击“接受风险并继续”,
    然后在搜索框输入“dom.vr.enabled”并双击搜到的结果,让“false”变成“true”;
    然后再搜索“dom.vr.webxr.enabled”并双击搜到的结果,让“false”变成“true”;
    如图所示:
    修改好后重启浏览器。
  3. 如果使用Chrome浏览器,先把浏览器快捷方式发送到桌面,然后改名成“Google Chrome VR”(必须改名,否则后面添加的参数可能会被自动还原);
    然后右击快捷方式,选“属性”,然后把“ --no-sandbox”加到“目标”的最后(注意“--”前面有个空格),如图所示:

    加好后点确定,然后通过这个快捷方式启动浏览器,如果看到以下提示,说明成功了:
    “您使用的是不受支持的命令行标记:--no-sandbox。稳定性和安全性会有所下降。”

  4. 如果使用火狐,显示书签工具栏的方法如下:
    按 Alt 键显示火狐菜单栏,然后依次选择“查看>工具栏>书签工具栏>始终显示”。
  5. 如果使用Chrome,显示书签工具栏的方法如下:
    打开“设置>外观”,启用“显示书签栏”。
  6. 把下方链接拖动到浏览器书签工具栏(有WebXR和WebVR两种方案,推荐使用前者,如果前者无效再用后者):
    1. WebXR方案:B站XR全景
    2. WebVR方案:B站VR全景
    拖动方法如图:
  7. B站360度视频播放页面点击书签工具栏上的“B站VR全景”书签,会在视频简介下方生成一个带有“360°”图标的视频播放窗口。
  8. 点击B站自身的视频播放按钮播放视频,“360°”播放窗口也会同步开始播放。
  9. 鼠标放在“360°”窗口底部,点击右下角的VR头显图标,即可让视频进入VR头显播放。如果播放成功,“360°”窗口中的视频画面会变成黑色。
  10. 如果视频画面未变黑,且VR头显内也无视频画面,请重启SteamVR后再试。
  11. 如果火狐浏览器内的VR头显图标未出现,请关闭火狐和SteamVR,然后只打开火狐,等火狐自动打开SteamVR。如果还是未出现,请检查第2步的“about:config”设置是否正确。
  12. 如果Chrome浏览器内的VR头显图标未出现,请关闭Chrome和SteamVR,然后先打开SteamVR,再打开Chrome。
  13. 如果Chrome浏览器内点击VR图标后画面变黑,但头显内无画面,一直显示显示“等待中……”, 请关闭浏览器,然后从第3步加了“--no-sandbox”的快捷方式打开Chrome,并确保看到了“您使用的是不受支持的命令行标记”提示。 如果没有看到提示,请删除原有快捷方式,重新创建一个(别忘了给快捷方式改名,否则参数可能会被自动还原)。
  14. 播放过程如图:

源代码

实现思路

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

于是我的插件就做好了

感谢