html - HTML 5 音频 - 按钮反馈

Question

我编写了一些代码来使用html5 audio.

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

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

---

我如何再次stop和startmp3 确保它被用户听到？

---

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