Uncaught (in promise) DOMException: The element has no supported sources [closed]

Question

Using music-frequency-d3 for audio visualization in my AngularJs application, created a bower component for this using music-frequency-d3, but when I insert the web address of my audio as src attribute's value it shows the error below.

Uncaught (in promise) DOMException: The element has no supported sources

what is the problem here? how can I play the audio using the web address URL?

Thank You

Answer 1

Its the cors access restriction issue

add

crossOrigin="anonymous"

inside your audio tag

<audio media-player="audioPlayer" autoplay controls="controls" preload="auto" id="audioElement"
                crossOrigin="anonymous" src="{{audio}}"></audio>