Dearest all,
I’m developing a hybrid VR-CSS website with a slider filled with 360 panoramic images.
I am using A-frame by mozilla for the VR.
Each slide has an iframe embed with one of my 360 images, who then are linked to the phone’s gyroscope.
I’m happy, it works on Desktop, Android… but I just discovered that iOS has a problem with multiple gyroscope streams, so on iOS it hangs when I load the slider with 4 pictures…
…but not if I load only one.
Hence my question:
Is it possible to unload a slide (or interrupt its javascript) everytime it slides out of view, and reload / reactivate it about 200ms after it slides in? If only the current would stay active, it would work and my site would be almost ready…
This is the site (WIP)
Thank you in advance for your help,
E.