HTML 5音频按钮反馈

Question

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

它可以很好的工作时，点击缓慢，但当点击按钮快速，它有问题，以跟上。

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

如何再次使用I stop start 和start mp3来确保用户能够听到？

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;
});