[iOS] Audio playback is stopped once a screen is locked down

[boombang]

Hi, thanks for this wonderful library, we are using it for a long time and the customer and users are happy using it :)

But there is a bit uncomfortable issue... There are a lot of audio tracks that users want to listen while doing other things. It will lead to the device's screen locking down. But in this case, playback is stopped on the iOS devices. Nevertheless, it works perfectly on Android devices.

Expected behaviour

• the playback is not stopped
• native controls are shown on the locked down screen

Actual behaviour

• the playback is stopped
• native controls are not shown on the locked down screen
• the playback is proceeded once a device is unlocked

Steps to reproduce

1. start playback of audio
2. wait until device is locked down automatically
3. after time between playback start and lock down(or even at once) the playback is stopped

   Environment

• Browser: Safari
• Operating System: ios
• Version: 12

[sampotts]

Have you tried this on a regular HTML5 <audio> element? I'd suspect it'd be the same behavior?

[vahost]

@sampotts That's probably true, but it's still a problem.

I've run into the same issue. I use plyr in vue-plyr, which in turn I use in Quasar/Vue with Cordova to build the iOS app.

Cordova offers a permissions setting for this: playAudioWhenScreenIsLocked in https://github.com/apache/cordova-plugin-media. The permission gets passed when playing an audio or video file using their media object.

The Cordova doc says their playAudioWhenScreenIsLocked parameter defaults to true in Cordova's media plugin, but apparently the same is not the case with plyr and vue-plyr. That probably means I'd have to build my own media player, and I'm not skilled enough to do that.

That's why I was hoping there'd be a way for plyr or vue-plyr to pass a similar permission setting.