Spatial sound not working on iOS 14.3, chrome or safari

Spatial sound not working on iOS 14.3, chrome or safari. attachToMesh, spatialSound: true or any setup enabling spatial sound does not work on iOS, while same code works on chrome@windows PC, chrome@macbook pro and firefox@android.

Disabling spatial sound makes the project work, but that’s not what I want.

Not sure who to blame, babylon.js, web audio api, or apple…

Is there a fix?

Thanks!!

Use Github issues ONLY for validated bugs. PLEASE DISCUSS THEM ON THE FORUM FIRST!

A forum discussion started 2 years ago, but seems none has discovered its connection to spatial sound before. https://forum.babylonjs.com/t/sound-issues-on-ios/8067

Repro

• Bug repro on playground: Unchanged demo code from Babylon.js document: https://playground.babylonjs.com/#EDVU95

• Expected result: Works on MacOS Chrome, PC, Android phone with firefox browser

• Current result: iPhone 11 pro, iOS 14.3, neither Safari or Chrome works.

Smartphone (please complete the following information):

• Device: [e.g. iPhone6] iPhone 11 Pro

• OS: [e.g. iOS8.1] iOS 14.3

• Browser [e.g. stock browser, safari] safari or chrome

• Version [e.g. 22]

[kangshiyin]

Thanks, I found that my safari was too old to support PannerNode in web audio api , required by babylon spatial audio. https://developer.mozilla.org/en-US/docs/Web/API/PannerNode#browser_compatibility Tried newer versions and they are all good.

[sebavan]

This seems to be all good on https://playground.babylonjs.com/#EDVU95#39 (I moved the effect to the extreme) Can you confirm it is good for you ?

Tested chrome and safari Macos 12.3.1 and on iphone 13 ios 15.4.1