HTML 5音頻 - 按鈕反饋

Question

我已經編寫了一些代碼，使用html5 audio在按鈕上提供音頻反饋。

當點擊緩慢時，它可以正常工作，但當快速點擊按鈕時，它會遇到問題。

我遇到的問題是播放的聲音播放次數與點擊按鈕的次數一樣多，我的第一個想法是聲音在下一次點擊事件被觸發時還沒有完成播放。

---

如何stop和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; 
});