问题
I started playing with WebVR and I'm trying to have a 360 immersive background dynamically change while a user is using my website. In this hypothetical situation the user would choose to launch the immersive experience running in the background around them while using the site.
I'm still a newbie on WebVR but from what I understood it's all rendered inside a <canvas>
element. So would it be possible to display the site inside an iframe with a z-index higher than the fullscreen canvas in order to have it come out of the 360 immersive background?
In this way, the user would still be able to interact with the site and exit from the immersive experience when he wants to abandon it.
Example: see example 11 (360 Stereo Photos) in this Github https://immersive-web.github.io/webxr-samples/
In this example at first I was hoping that the panel that fluctuates and is separate from the 360 background was its own HTML element but it looks like it's rendered in the canvas itself.
Is it feasible to have HTML elements overlap the fullscreen canvas containing the 360 image?
来源:https://stackoverflow.com/questions/62550247/display-an-immersive-360-photo-while-using-a-website-in-a-vr-browser