在我的.html页面我有拨号号码9倍的图像和一个文本框，显示按下的数字。 我希望每个这些图像立即播放蜂鸣声，当用户点击它们。 我试图用嵌入隐藏财产，并浏览它的源.wav声音。
它工作正常，但是当我马上按下陆续图像之一，它不能在最后播放的声音，只是蜜蜂一次。
有没有打一个.wav声音上的“onClick”任何方法更快的方法？
提前致谢。
Answer 1:
如果你只需要支持最新的浏览器，那么HTML 5为您提供了Audio对象
加载/缓冲自己的声音：
var snd = new Audio("file.wav");
播放声音：
snd.play();
它重新提示开始（这样就可以再次播放）：
snd.currentTime=0;
Answer 2:
这个答案https://stackoverflow.com/a/7620930/1459653通过@klaustopher（ https://stackoverflow.com/users/767272/klaustopher ）帮助了我。 他写了：
HTML5有新
<audio>-Tag，可以用来播放声音。 它甚至有一个非常简单的JavaScript界面：
<audio id="sound1" src="yoursound.mp3" preload="auto"></audio> <button onclick="document.getElementById('sound1').play();">Play it</button>
下面是我如何实现自己的意见，使点击字体真棒图标“FA-音量增大”（位于网页上后，“骡子”）结果“donkey2.mp3”播放声音（注：MP3不玩了在所有浏览器）。
<p>In short, you're treated like a whole person, instead of a rented mule. <audio id="sound1" src="assets/donkey2.mp3" preload="auto"></audio><a class="icon fa-volume-up" onclick="document.getElementById('sound1').play();"></a>
Answer 3:
您可以使用嵌入元素播放声音，但你要检查由不同的浏览器支持的格式。
嵌入元素MDN
<a onclick="playSound('1.mp3')">
<img src="1.gif">
</a>
<div id="sound"></div>
<script>
var playSound = function (soundFile) {
$("#sound").html("<embed src=\"" + soundFile + "\" hidden=\"true\" autostart=\"true\" />");
}
</script>
Answer 4:
此代码可以让你把一个图片按钮; 当点击你得到一个声音。 它的工作原理与谷歌Chrome和微软的边缘，但我不能让它在Internet Explorer中运行。 我使用HTML 5码; 请复制并粘贴，并添加你自己的样品。
</head>
<body>
<script>
var audio = new Audio("/Sample.wav ");
audio.oncanplaythrough = function ( ) { }
audio.onended = function ( ) { }
</script> <input type="image" src="file://C:/Sample.jpg" onclick="audio.play ( )">
</body>
</html>
更多的代码看http://html5doctor.com/html5-audio-the-state-of-play/
Answer 5:
基于公认的答案（在Chrome 70测试）的例子，但我并不需要重新线索：
<button onclick="snd.play()"> Click Me </button>
<script>
var snd = new Audio("/Content/mysound.wav");
</script>
文章来源: Immediate play sound on button click in html page
