Audio Issue in threejs on Mobile Devices

Am using ThreeJS Audio along with Audio Listener. In mobile, It works fine. But when i hide the browser and go to homescreen. Then again reopen it from recent Apps. Audio Stops or audio is not audible. This issue is noticed in both iphones/ ipads and other mobile devices but not in android => I tested on iphone 13 and Redmi note 10s. Coming back after switching, it doe’snt plays audio.

Can Anybody help me with this issue?

When you first start your app you have to wait for a user interaction on the page for audio to work… it might be the same mechanism that is tripping you up.

It only happens in Iphones/Ipads. Maybe they block the background processes. Is there any state kind of thing in threejs which controlls the state of audio which iphones pauses. Because in android, i tested on redmi note 10s, it keeps on running in background even though i am on homescreen. Don’t know what the issue it.

regarding the interaction thing, It does’nt plays after interaction also after going and coming back to screen.

any errors/warnings in the console?

Have’nt checked console for Devices.
But here’s the link -

https://givenchy-flow1-r1.netlify.app/

You can try and test this out for Iphone / Android.