Bug 198277 - Audio stops playing when standalone web app is no longer in foreground
Summary: Audio stops playing when standalone web app is no longer in foreground
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Media (show other bugs)
Version: Safari 12
Hardware: iPhone / iPad iOS 12
: P2 Normal
Assignee: Nobody
Keywords: InRadar
Depends on:
Reported: 2019-05-27 10:40 PDT by Wes Peter
Modified: 2019-11-08 09:44 PST (History)
10 users (show)

See Also:


Note You need to log in before you can comment on or make changes to this bug.
Description Wes Peter 2019-05-27 10:40:25 PDT
Simple repro site at https://ios-standalone-bug.backgroundnoise.app

1. Write a web app that Includes an HTML <audio> element
2. Pin it to home screen on iOS with display:standalone in manifest.json
3. Launch the web app
4. Play the audio
5. Leave the web app

Audio keeps playing

Audio stops playing.

NOTE: If you play the audio in Safari and leave Safari it keeps playing in the background. This only affects standalone web apps/PWAs
Comment 1 Radar WebKit Bug Importer 2019-05-28 17:18:42 PDT
Comment 2 Thalles Maia 2019-06-24 07:22:49 PDT
I'm also having this problem on https://podcatcher.app/
Comment 3 martin.spriggs 2019-09-19 15:31:07 PDT
Please get this on somebody's list. We have a very popular PWA with limited functionality on iOS 13 due to no background audio!
Comment 4 Alfred 2019-09-26 08:43:10 PDT
We use WKWebView in our app, and we also have this bug. I've looked sources for a little, and it seems that it is not actually a webkit bug, but something in iOS. Safari manages media via some complicated mechanisms, so it doesn't reproduces there.
Comment 5 Val Mitchell 2019-10-30 07:01:46 PDT
Please get somebody to work on the fix for this issue, this bug blatantly prevents users to have the same experience as native app users.
Comment 6 Orlach Pierre 2019-11-08 09:44:08 PST
Same Problem on my progressive Web app based on audio content. It was perfectly working with previous IOS. It's a huge step backwards for user experience.