我有一个A-Frame WebVR场景。我想把它放在iframe中。
<iframe src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>
但是当我进入VR时,它不会全屏显示并呈现给VR耳机。如何在iframe中启用立体VR?
答案 0 :(得分:7)
您必须在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
提交的答案 1 :(得分:1)
页面上只能存在一个<a-scene>
。另外,我们可以将<iframe>
与allowfullscreen="yes"
和allowvr="yes"
结合使用:
<iframe allowvr="yes" allowfullscreen="yes" src="https://aframe.io/aframe/examples/boilerplate/hello-world/"></iframe>