在暂停/重置其他音频时播放选定的音频

Question

我有两个通过按钮的点击事件播放的音频元素。如果选择了另一个，我已经成功地暂停了一个，但还需要将暂停的元素设置回 0.0 秒（即暂停和重置）。

我知道 Javascript 目前没有 stop() 方法，这导致假设这将通过将其 currentTime 设置为 0 来完成。如果是这样，我只是无法找出将此方法合并到我的代码中的最佳方法。

现在我正在使用$(".audio").trigger("pause"); 在条件的后半部分暂停所有 音频元素，这在性能方面不太有效。仅暂停和重置以前播放的音频文件而不是页面上的所有音频文件的最佳方法是什么？

http://jsfiddle.net/txrcxfpy/

Answer 1

使用下面的代码。检查DEMO

 $(function() {    
  $('.track-button').click(function() {
    var reSet = $('.track-button').not($(this)).siblings(".audio").get(0);
    reSet.pause();
    reSet.currentTime = 0;

    var $this          = $(this),
        trackNum       = $this.text(),
        currentAudio   = $this.siblings(".audio"),
        audioIsPaused  = currentAudio.get(0).paused;

    if (audioIsPaused) {
        currentAudio.get(0).play();
    } else {
        currentAudio.get(0).pause();
    }
  });
});