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

HTML 5音频 - 按钮反馈

1 个答案: