HTML 5 音频 - 按钮反馈

Question

我编写了一些代码来使用html5 audio 在按钮上提供音频反馈。

缓慢点击时效果很好，但快速点击按钮时却无法跟上。

我遇到的问题是在单击按钮时播放声音的次数， 我的第一个想法是在下一次点击事件触发时声音还没有播放完。

---

我如何再次stop 和start 以确保用户听到它？

---

HTML：

<div id="count">0</div> 
<button>Click</button>
<audio class='mp3click' src='https://dl.dropbox.com/u/14037764/Development/jsfiddle/click2.mp3'></audio>

Javascript：

   var count = 0;
    $("button").click(function () {
        $(".mp3click").each(function () {
            this.play()
        });
        count++;
        $("#count").text(count);
        return false;
    });

JsFiddle： 你可以在这里看到它的实际效果。 http://jsfiddle.net/blowsie/ckUbL/

Answer 1

试试这个：

jsFiddle

var count = 0;
$("button").click(function () {
    $(".mp3click").each(function () {
        this.pause()
        this.currentTime = 0;
        this.play()
    });
    count++;
    $("#count").text(count);
    return false;
});