0

を使用してボタンに音声フィードバックを提供するコードをいくつか書きましたhtml5 audio。

ゆっくりとクリックすると問題なく動作しますが、ボタンを速くクリックすると追いつくのに問題があります。

私が抱えている問題は、ボタンがクリックされるたびにサウンドを再生することです。私の最初の考えは、次のクリックイベントが発生するまでにサウンドの再生が終了していないということです。

ユーザーに確実に聞こえるようにするために、mp3 を再度使用するには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/

4

1 に答える 1

1

これを試して：

jsフィドル

var count = 0;
$("button").click(function () {
    $(".mp3click").each(function () {
        this.pause()
        this.currentTime = 0;
        this.play()
    });
    count++;
    $("#count").text(count);
    return false;
});
于 2013-03-16T16:55:44.643 に答える