My goal is to have the user click a button/image and have an audio file play WITHOUT launching the client's media player. I have been able to successfully do it on a computer browser with onClick, but I know I can't do that for mobile browsers.


Here's my current code. What do I need to change to have it work on BOTH a computer (onClick) and a tablet/smartphone (I've tried just adding an onTouchStart, but that doesn't work)?

Code:
<script language="javascript" type="text/javascript">
     function playSound(soundfile) {
     document.getElementById("dummy").innerHTML=
     "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
HTML Code:
<area shape="rect" coords="34,479,509,593" href="#" onTouchStart="playSound('audio/Memo.m4a')" onclick="playSound('audio/Memo.m4a')">
Please help. Thanks!