如何在iframe中运行WebVR内容？

Question

我有一个A帧WebVR场景.我正试着把它放进iframe里。

<iframe src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>

但当我进入VR时，它不会全屏呈现给VR耳机。如何在iframe中启用立体VR？

Answer 1

您必须在iframe上设置allowvr="yes"。如果您转到https://aframe.io，您将看到所有示例都是iframed的，因此您可以遵循它们的示例。

<iframe allowvr="yes" src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>

请注意，这并不适合移动智能手机，因为像iOS Safari这样的移动浏览器不允许iframe访问设备方向和设备运动传感器。这可以通过将消息传递设备定向数据发送到iframe来解决。这是在https://github.com/googlevr/webvr-polyfill/issues/173提交的

Answer 2

一个页面上只能存在一个<a-scene>。或者，我们可以将<iframe>与allowfullscreen="yes"和allowvr="yes"一起使用：

<iframe allowvr="yes" allowfullscreen="yes" src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>