Actualmente, Matterport SDK funciona en navegadores regulares como este:

 <iframe id="showcase" width="740" height="480" src="/bundle/showcase.html?m=[MODEL_SID]" frameborder=”0” allowfullscreen allow="vr"'></iframe> const showcase = document.getElementById('showcase'); showcase.addEventListener('load', async function() { let sdk; try { sdk = await showcase.contentWindow.MP_SDK.connect(showcase, '{YOUR SDK KEY}'); } catch(e) { console.error(e); return; } console.log('Hello Bundle SDK', sdk); });

https://matterport.github.io/showcase-sdk/sdkbundle_home.html

Sin embargo, esto no parece funcionar en navegadores de realidad virtual como el navegador Oculus dentro de Quest 2.

 Expected results: - Open page and see model in embedded iframe - Navigate inside model normally and all SDK functions working

 Actual results: - Open page and see model in embedded iframe (but with large play button overlay) - On click play overlay page breaks out of iframe into new page and displays in 360 mode - SDK functions no longer work since URL is no longer our site

Mi pregunta es, ¿cómo puedo usar Matterport SDK dentro de los navegadores de realidad virtual o evitar que se salga del iframe?

Puede intentar incrustar este enlace dentro de un iframe y luego abrirlo dentro de un navegador VR para ver que esto suceda:

https://my.matterport.com/show/?m=HCtwtEENp4t