2016-11-17 81 views
2

我有一個A-Frame WebVR場景。我試圖把它放在一個iframe中。如何在iframe中運行WebVR內容?

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

但是當我輸入VR時,它不會全屏顯示並呈現給VR耳機。我如何在iframe中啓用立體虛擬現實?

回答

4

您必須在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

+0

嗨@ngokevin,我正在積極嘗試開發一個使用AFrame與我們的系統的網絡播放器。我非常感謝你提到的這個iOS解決方案。它不適合我。我得到了:「阻止嘗試添加設備動作或方向偵聽器從與主頁面不是相同的安全起源的子框架。」我對此進行了搜索並發現了其他一些討論:https://github.com/googlevr/vrview/issues/31。你有沒有爲IOS Safari工作?你能建議嗎?非常感謝! – Fei