How to add audio to a HTML image?

Question

I\'m still new to all this, but I\'m trying to add audio mp3 sound to an HTML image, which is played when clicked on. How can I do this right?

I\'ve already tries a

Answer 1

You won't need any player because html5 is able to play sound files. Check out this: http://www.w3schools.com/html/html5_audio.asp

You can use jQuery to load the sound file.

$('#my_image').click(function(){
   //some code to load the audio file here
})

Maybe you'll need some further code or css to hide controls and stop audio from playing etc.