如何在iframe中运行WebVR内容？

Question

我有一个A-Frame WebVR场景.我想把它放在一个iframe中.

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

但是当我进入VR时,它不会全屏显示并呈现给VR耳机.如何在iframe中启用立体VR？

Answer 1

您必须allowvr="yes"在iframe上设置.如果你去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上提交的