Sound lost/muted when headphones disconnect

[teejayhh]

Hello, I dont want to talk around the issue so here it is. Sound is lost when disconnecting headphones from iOS devices.

To reproduce the issue

• Open https://pixijs.io/sound/examples/ in iOS safari with headphones connected. (I tested on ios14.7, 15.1 but I am sure this is broken in iOS 13 as well).
• Disconnect the headphones and the sound does not switch to the speaker. You need to reload (refresh the browser) and the sound will work again.

This is a severe issue for our customers, who use our app in a school setting where headphones are mandatory and because the app runs in a webview there isn't a reload page button. I am surprised this has not been flagged before.

Best regards Thomas

[bigtimebuddy]

Does this still occur if you force HTML Audio instead of Web Audio? You can do this by setting sound.useLegacy = true before loading sounds.

[teejayhh]

That was my first thought. We will test this out today

[jasedchase]

Try this:

import { sound } from '@pixi/sound';

const context = sound.context.audioContext;

context.onstatechange = ()=> {
    if ((context.state === 'suspended' || context.state === 'interrupted') && document.hasFocus()) {
        context.resume();
    }
};