WebXR Haptics Example Breaks When Entering VR Directly from Oculus Browser UI

[arturitu]

Description

The Oculus Browser now has a native "Enter VR" button if pressed. Since "initAudio" doesn't start, in the example at https://threejs.org/examples/?q=webxr#webxr_xr_haptics, it crashes when trying to run one of the oscillators.
I haven't found a way to record the event as a user action, which is usually required to play sounds. (I think this is more of a browser issue, but there may be some workaround.)

webxr_xr_haptics.html:250 Uncaught TypeError: Cannot read properties of undefined (reading 'frequency') at handleCollisions (webxr_xr_haptics.html:250:25) at animate (webxr_xr_haptics.html:299:5) at onAnimationFrame (three.module.js:13638:36) at XRSession.onAnimationFrame (three.module.js:18:3)

Reproduction steps

1. Visit https://threejs.org/examples/?q=webxr#webxr_xr_haptics with Oculus Browser
2. Click on "Enter VR" native button (top right next to the URL bar)
3. Touch any of the 3D boxes

Screenshots

Version

r175

Device

Headset

Browser

Oculus Browser 37.2.0.6.62.707518668

[arturitu]

I think I found a shortcut to start the audio in that case, it would be calling the method from the sessionstart event:
renderer.xr.addEventListener('sessionstart', () => { initAudio() })
But I don't know if it's the most correct way to do it.

[Mugen87]

That sounds like a good solution. If it actually solves the runtime error, it would be great if you can file a PR with the fix.