如何实现js事件触发播放音频

就像一般网站的提示音一样,当单机按钮事件触发时,调用的函数中需要播放一个音频,很小的,就像提示音,如何实现?能用jQuery写最好
举个例子:

网页:

 <body>
<button type="button" onclick="play();">
</body>

js:
function play(){
//如何在这里实现播放一个mp3音频???
......
}

<audio id="audio" src="http://www.w3school.com.cn/i/song.ogg"></audio>

<button type="button" onclick="play();">播放</button>

<script type="text/javascript">
function play(){
    document.getElementById("audio").play();
}
</script>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

播放音乐

.music{position:absolute;top:-100%;} .musicbutton{position:absolute;top:4%;right:5%;width:35px;}

纯js和jQuery实现：

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js">百度的在线jQuery库</script>
</head>

<body>
    <button onClick="startSoundsByJs()">纯js实现：点我播放声音</button>
    <button id="buttonJQuery">jQuery实现：点我播放声音</button>
    <audio id="audio" src="http://fjdx.sc.chinaz.com/files/download/sound/huang/cd9/wav/183.wav"></audio>
</body>
</html>
<script>
    function startSoundsByJs(){
        var myMp3=document.getElementById("audio");
        audio.play();
    }
    $(document).ready(function(e) {
        $("#buttonJQuery").click(function(){
            var audio=$("#audio")[0];//jQuery对象转换成js对象
            audio.play();   
        })
    });     
</script>

<button type="button" onclick="playVoice('test.mp3');">




function playVoice(file) {
        $('#voice').html('<audio controls="controls" id="audio_player" style="display:none;"> <source src="' + file + '" > </audio><embed id="MPlayer_Alert" src="' + file + '" loop="false" width="0px" height="0px" /></embed>');
    }

不需要jquery吧，和html5有原生控件！

可以去查看HTML5 ,

var musicstate = false;
function playmusic() {
    if (musicstate == true) {
        document.getElementById("m1").pause();
        document.getElementById("i1").src = "images/pause.png";
        musicstate = false;
    } else {
        document.getElementById("m1").play();
        document.getElementById("i1").src = "images/play.png";
        musicstate =true;
    }
}
window.onload = function () {
    playmusic();
}

https://www.yisu.com/zixun/183434.html 直接上网址，，详细