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