How to embed mp3 files into a page

Questions
1

Hi,

Sorry, this question has been asked before, but the answers are years old and tend to be incomplete, so I’m hoping someone can give me a straightforward answer (structured in such a way that even a stressed person with a very tight timescale can implement it!)

I need to embed an audio file - with player - in an Umbraco page.

Obviously I tried an HTML 5 audio tag first. It doesn’t work - it just displays the fall-back text.

I’ve looked to see if there any extensions, and found the BouvetUmbracoAudioPlayer, but that’s very old, Flash-based (I think, so undesirable), and lacking documentation on how to implement it (someone questioned the lack of docs and was told to look for a video … but that doesn’t seem to exist anymore)

Any help (assuming little prior knowledge) would be much appreciated!

This is a companion discussion topic for the original entry at https://our.umbraco.com/forum/78703-how-to-embed-mp3-files-into-a-page
2

One thing I’ve run into is that some browsers are really picky about the metadata in the MP3 files themselves - if the tags are messy, the player sometimes fails to load or shows ‘Unknown Artist.’ Before I upload to the Media section, I’ve started using editmp3tags.com to quickly clean up the ID3 tags in the browser. It’s much faster than opening a desktop app and ensures the files behave once they’re embedded.