Creating a link to play a sound file in HTML
Inserting the sound file in a A HREF statement will allow the browser to open and play the midi file if the viewer of your web page has properly configured the browser.
<A HREF="http://www.computerhope.com/clouds.mid">Click here to play sound</a>
<audio src="example.midi" preload="auto" autoplay="autoplay"></audio>
<embed src="http://www.computerhope.com/clouds.mid" align="baseline" border="0" width="145" height="60" autostart="false" loop="true">
Note: Using the embed method requires that the user has a browser that has a supported plugin such as QuickTime that supports the ability to play MIDI files. Most browsers today do not have browser plugins that support MIDI files. Instead of playing MIDI files we suggest using MP3 files.
Using the first section of HTML code in the above solution will give you the below link.
Using the second section of HTML code will give you the below.