No sound when I attach the component to audio tag

[nkostadinov]

When I add the AudioSpectrum component to a page after an audio tag the sound disappears. I've made a demo showing the issue. The audio seems to be playing but there is no sound, if you remove the component and refresh the sound is back.

[b3d0NA]

Same here as well!!

[etuong]

It's a CORS thing. This response is very helpful. https://stackoverflow.com/questions/27429123/html5-audio-web-audio-api-cors-and-firefox

This will work because the server has proper CORS policy. You'll still need to set the cross origin to anonymous in your . Try this MP3 that is already configured: https://pineprojectmusic.s3-us-west-2.amazonaws.com/StreamingSongs/Radio.mp3

The alternative is to have your audio in the same origin like the author. He puts his playlist songs in \assets\media of his example demo. It will work if you clone and run his demo locally.

Reason why it doesn't work on Github pages is for the same said reason on CORS.