react js - audio not playing

I am doing the Pomodoro challenge and tried to play the alarm sound for my timer with the html

I am on Safari 13.1 macos Catalina

The error message is

The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

But I checked and everything is correct. Putting this file in the index.html

<audio id='beep' preload='auto' src='https://goo.gl/65cBl1'></audio>

Hello there.

This sounds like a CORS error, to me. If that code snippet is src/index.js:47 as referenced, then I suspect you need to send a different HEADER with the request of the audio. Otherwise, see if enabling CORS fixes anything.

Hope this helps

1 Like

Thank you!
It must be indeed a CORS issue. I could not get it work in safari but it works on CodePen and Firefox (did not try chrome. So will bypass Safari for now to complete the challenge.