HTC Vive头盔使用WebVR

Dwtowen

2020 年 11 月 20 日

524次浏览

暂无评论

1642字数

技术技巧学习笔记

# HTC Vive头盔使用WebVR

> **环境：**
> 操作系统：windows10
> HTC Vive
> Firefox 或 Firefox Nightly版本
> 最新版 openvr_api.dll

![WebVR.jpg](https://blog.dwtowen.com/usr/uploads/2021/06/190352216.jpg)

需要实现 HTTPS 访问（原因：WebVR 调取实现虚拟现实的时候有安全性限制，似乎必须要 https 访问才能正确调用）

## 一、 下载支持WebVR的浏览器

具体支持 WebVR ，我们可在这里看得到 [webvr.rocks](https://webvr.rocks/)

这里使用 `Firefox` 或 `Firefox Nightly`

## 二、Firefox开启WebVR

1. 从Github OpenVR下载最新版版本的OpenVR API【openvr_api.dll】,根据运行的操作系统选择32位或者64位的。
2. 下载地址：[https://github.com/ValveSoftware/openvr](https://github.com/ValveSoftware/openvr)
3. 保存【openvr_api.dll】到火狐浏览器可以访问到的任意目录。
4. 在 `Firefox /Firefox nightly` 中，地址栏导航至 `about:config` ,将 `dom.vr.openvr.enabled` 设置为 `True` ,然后将 `gfx.vr.openvr-runtime` - 值属性 选择 `字符串` - 设为存放 `openvr_api` 的绝对路径。(如： `D:\openvr\openvr_api.dll` )。
5. 重启 `Firefox /Firefox nightly` ,即可开始使用。

以上配置 `openvr_api.dll` 的方法，建议使用最新版本的 `openvr_api.dll` 。往 GitHub 下载 `openvr_api.dll` 可能会随着 Steam VR 版本的更新出现不对应或 dll 库文件版本过期而导致虚拟现实PC屏幕端打不开的问题；
采用以上方法，建议定期更新 `openvr_api.dll` 文件。

</div>

**配置和使用 openvr_api.dll 文件的第二种方法**

> 其实呢，在我们安装完 SteamVR 后，在安装目录就会存在这个 `openvr_api.dll` 文件，直接关联这个文件即可。

**方法：** 打开 SteamVR 安装目录，找到如下目录，里边就有 `openvr_api.dll` 文件。

```
C:\Program Files (x86)\Steam\steamapps\common\SteamVR\bin\win64\openvr_api.dll
```

浏览器配置 `gfx.vr.openvr-runtime` 字符串直接使用这个 `openvr_api.dll` 即可。

## 三、追踪正常而HTC头盔中无画面的解决办法

解决方案是在Nvidia控制面板中或者其它显卡控制软件中，强制Firefox运行在独立显卡，并且HTC头盔的HDMI线连接到独立显卡上。

![](https://cdn.jsdelivr.net/gh/dwtowen/blog@master/img/HTC%20Vive%E5%A4%B4%E7%9B%94%E4%BD%BF%E7%94%A8WebVR/01.png)

这样，头盔里就能正常显示啦。

End Thanks！😋

最后修改：2021 年 06 月 10 日 02 : 11 PM