Play An MP3 in Angular Using <audio> Tag

Question

Very new to Angular. I'm trying to play a hard-coded mp3 file with Angular

I have the mp3 file in the same path as my component, and I'm trying to use the tag like:

<audio controls src={{./name-of-file.mp3}}></audio>

However, this is not working. Is there a straightforward way to hardcode a brief mp3 file into my app?

Answer 1

Okay, actually it looks like Angular just didn't like the file location. Moving the audio file to another folder did the trick: <audio controls><source src="../../audio/name-of-file.mp3" type="audio/mpeg" /></audio>

Answer 2

any img/icon/music should be put in the assets folder

or you could configure in angular.json other assets folders paths