PositionalAudio breaks in webxr when moving the user

Adding THREE.PositionalAudio to a mesh inside a group (Object3D or Group) alongside the user (camera) works as expected, but if the group is then moved the audio breaks.

To Reproduce

Steps to reproduce the behavior:

1. create a container to hold the “vehicle”
2. create and add a webxr “user” to the container
3. create an AudioListener and add it to the camera
4. create and add a PositionalAudio to the container
5. move the container “vehicle”

Code

let carContainer = new THREE.Object3D();
scene.add(carContainer);

// create a "user" so that the webxr camera moves with the carContainer
let user = new THREE.Group();
carContainer.add(user);
user.add( camera );

// create an AudioListener and add it to the camera
const listener = new THREE.AudioListener();
camera.add( listener );

function tick() {
carContainer.position.z += 0.01;
}

Live example

(for some reason the fiddle doesn’t show the VRButton button. I don’t use jsfiddle much sorry…) https://jsfiddle.net/mayamoss/zgj5cvpk/90/

Expected behavior

Audio follows the user in local(sic) space.

Platform:

• Device: Oculus Quest 2
• Browser: Chrome
• Three.js version: dev

[arpu]

can confirm apply #22362 to r135 fixed it

[praedeth]

I don’t know what I’m doing wrong but it’s still glitching (crackling) for me when I move the container even with r135 + #22362… I’ll simplify my example to try and get to the bottom of it and report back…