Repository navigation
Service Worker makes show up a "Live Broadcast" message on HTML audio player on Safari #24359
Closed as not planned
Description
I'm submitting a...
[ ] Regression (a behavior that used to work and stopped working in a new release)
[x] Bug report
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
[ ] Other... Please describe:
Current behavior
When playing an audio on a Safari browser (Mobile or Desktop) a "Live Broadcast" message appears on the HTML 5 audio player.
Expected behavior
The audio must be played without the "Live Broadcast" message on the audio player.
Minimal reproduction of the problem with instructions
Clone the example project:
git clone https://daedmunoz@bitbucket.org/daedmunoz/angular-sw-problem.git
- Go the the root directory of the project and:
- Run
npm installandng build --prod - Create a Firebase Project and deploy to it doing
firebase deploy - Make sure to se the Firebase deployment directory as the
distdirectory generated in the angular - - build process (Firebase default deployment directory ispublic). - Open the site in a Safari browser (on Chrome the issue does not happen).
- After pressing the play button on the audio player you should see the "Live Broadcast" message on the player.
I created a working demo so that you can reproduce see the issue :
Firebase demo
What is the motivation / use case for changing the behavior?
The need to be able to:
- use the audio player and service worker together on Safari without problems, and
- deliver a PWA.
Environment
Angular version 6
Browser:
- Safari (desktop) latest
- Safari (iOS) version 11.1
For Tooling issues:
-
angular/cli version: 6.0.1 (it was on version 5 too)
-
Node version: 8.11.1
-
npm version: 5.6.0
-
Platform: Mac High Sierra 10.13.14
Activity
gkalpak commentedon Sep 17, 2018
Possibly related to #21191 and/or #25865.
gkalpak commentedon May 25, 2020
I could not reproduce the issue (using the provided Firebase demo - thx btw ❤️) with latest Safari (13.1) on macOS Catalina (via BrowserStack). I assume the issue has been fixed in Safari.
If this is still a problem for you, please open a new issue (or ping me here and I will reopen this one).
gkalpak commentedon May 25, 2020
NVM, it seems that it is still an issue (at least on iPhone 11). Re-opening...
(I don't have native access to Safari, so I can't investigate this more atm, but it's something to look into.)
JeanMeche commentedon Aug 29, 2025
With #63364 we've announced that the service-worker package in now in maintenance mode and will not receive feature PRs and feature requests.
The message is also visible here: https://angular.dev/ecosystem/service-workers
angular-automatic-lock-bot commentedon Sep 29, 2025
This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.