react-vr cordova 应用程序中没有进入 vr 模式按钮

Question

我目前正在尝试使用 react-vr 框架构建一个小型 vr 应用程序。在 Chrome 中的台式 PC 上，通过 chrome://flags 启用 WebVR 选项后，我得到“进入 VR 模式”按钮以从 360 度视图切换到真实 VR 模式。

现在我想使用 cordova 为我的应用程序制作一个 Android 应用程序。我有一部中兴 Axon 7 智能手机，它支持 Google Daydream。但是当我在手机上打开cordova App时，并没有得到进入VR模式按钮，只出现360度网页视图。在移动 Chrome 上我也激活了 WebVR 选项，但我不确定这个选项是否也会影响 cordova 容器。

我不完全熟悉的是 cordova 在智能手机上的工作方式。我认为它使用系统默认的 web 视图（在 android 上应该是 chrome？），但是 web 视图真的等于 chrome 浏览器（以及它的设置）吗？因此，如果我在我的移动 chrome 上启用了 WebVR，这个选项甚至可以在我的 cordova 应用程序中使用，还是我还需要在 Web 视图中启用它（我该如何做到这一点）？

最后，这就是我所需要的：访问 cordova 容器中的 WebVR API 以获取“进入 VR 模式”按钮。关于如何实现这一点的任何想法？

来自 reactVR 文档：“对 VR 耳机的访问是通过 Web VR API 提供的，它可以在 Rift、GearVR 或其他设备上显示。” （看 React VR)

更新： 我尝试通过 ADB Reverse 直接在移动浏览器（Chrome 和 Canary）中打开智能手机上的 react-vr-app，一切正常 - 我得到“进入 vr 模式”按钮，它甚至可以切换模式！所以我的问题必须位于cordova（以及网络视图中缺少的WebVR支持？）

更新2： 我将WebVr Polyfill 添加到我的Cordova 项目中，现在该应用程序以真实VR 模式显示，即使在cordova 容器中也是如此。这是一种可能的解决方法，但 polyfill 仅支持简单的纸板，在我的完美环境中，我也想使用 Google Daydream 控制器。所以仍然需要在 Cordova 中真正实现 WebVR API。

Answer 1

您可以尝试将您的 cordova 应用的目标更改为 Chrome Canary。

这里有一个帖子：How to change default browser of cordova browser platform?

Canary 是我见过的唯一一款与 react-vr 和 Daydream HMD 配合使用的移动浏览器。 Canary 还需要启用 web-vr 标志。