Service Worker makes show up a "Live Broadcast" message on HTML audio player on Safari #24359

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://[email protected]/daedmunoz/angular-sw-problem.git

• Go the the root directory of the project and:
• Run npm install and ng build --prod
• Create a Firebase Project and deploy to it doing firebase deploy
• Make sure to se the Firebase deployment directory as the dist directory generated in the angular - - build process (Firebase default deployment directory is public).
• 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