How to play mp3 on link click

Question

There is a simple link

<a href="some.mp3">01. The Name of Track</a>

How to play the mp3 file, when user clicks on link? Please help me to find some simple and effective solution. Thank you.

---

Thank you for help.

I choosed this solution http://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/ as the most appropriate in my case.

Answer 1

Use HTML5 <audio>

<audio controls id="linkAudio">
  <source src="demo.ogg" type="audio/ogg">
  <source src="demo.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<script>
  document.getElementById("link_id").addEventListener("click", function () {
    document.getElementById("linkAudio").play();
  });
</script>

Note: As audio is an HTML5 tag, it won't support old browsers, so be sure before you use it..

Or take a look at this article