javascript - 如何使用本地服务器运行示例 Threejs VR 项目？

Question

我正在尝试使用三星 NOTE 4 设备中的 xampp 本地服务器为 VR 运行示例 threejs 项目。在此手机中，在线 threejs VR 示例(https://threejs.org/examples/?q=vr#webvr_cubes)工作正常，

但我们本地服务器链接中的相同示例(http://192.168.1.2/three.js-dev/examples/?q=vr#webvr_cubes)总是返回“您的浏览器不支持 WebVR”。

谁能给我建议或想法如何使用 xampp 本地服务器运行该示例项目

提前致谢

Answer 1

目前，WebVR 仍是一项实验性功能(我假设您使用的是 Chrome)。

http://192.168.1.2/不被视为可信实体，因此实验性功能被禁用。
然而http://127.0.0.1和 https://threejs.org被允许使用此功能。

要启用 WebVR，请转到 chrome://flags/#enable-webvr 并单击启用

---

如果您希望您的用户今天能够使用 WebVR，您必须申请 Origin Trials通过填写这个 form .谷歌会给你一个 token 来添加到你的页面上。 (请注意，您必须在服务器上设置 HTTPS)。

或者，您可以添加 polyfill让您的 VR 无处不在(不仅仅是在 Chrome M59+ 中)。
(只需在 three.js 之前包含 polyfill)