How to support cardboard view on all devices (Android + iOS)?

Hi @RaananW,

any updates on the cardboard example?

I’m still searching for a simple cardboard solution that works on most devices.
Here’s a little summary of what I tested so far:

None of the playground examples that I tested, works on iOS. Here are some examples:

https://www.babylonjs-playground.com/#F41V6N
https://www.babylonjs-playground.com/#JA1ND3#260

iOS 14.1 (iPhone 7), Safari:
WebXR/WebVR not working on iOS, so we need to use a fallback solution like createDefaultVRExperience(…) With a solution provided by @DerKarlos it basically works. (WebXR polyfill-option in babylonjs-playground - Feature requests - Babylon.js)
Open issue: The cardboard mode does not close when the user hits the Exit-Button

Android 8.1 (Motorola Moto G5S Plus), Chrome
Works with WebXR. It does not work with WebVR or its fallback solution. So we cannot use a generic solution for iOS and Android. Not nice, but at least there is a solution that works.

iPadOS, (iPad Pro 2020), Safari:
Babylon does not work on the latest iPad at all. Going to babylonjs.com and following the playground link just leads to a white screen…

Android 9 (Samsung Galaxy S8), Samsung Internet
When starting the cardboard mode, the app asks me to turn on my daydream controller. I do not have such a controller and just want to use a simple cardbard mode. Unfortunatelly there’s no option to skip this view, so the cardboard view does not start. After the deinstallation of the Daydream app (which was pre-installed on my device), a popup appears when starting the vr mode and tells that the daydream app needs to be installed… So no chance to use the vr mode on this device as well.

Another project, that is based on THREE.js, the simple cardboard mode works on all devices, so the devices, browsers or OS-versions should not be the issue.

So, any hint how to get the cardboard mode working on more devices is appreciated.