在网页上仅启用一个音频流

Question

我正处于建立乐队网站的早期阶段，其中有许多样本音频流。通过单独的“播放”和“暂停”按钮触发或停止每个流。页面上还有许多视频都有自己的控件。我使用以下代码设置音频样本：

$("#play0").click(function() {

    $("#audio0").trigger('play');

});


$("#pause0").click(function() {

    $("#audio0").trigger('pause');

});

“audio0”ID用于每个音频流（最多为“audio9”），而“play0”和“pause0”ID（最多为“play / pause9”）用于按钮。如何确保在任何时候只播放一个音频文件（无论是音频还是视频）。换句话说，用户不能触发多个音频流同时播放。谢谢。

Answer 1

尝试这样的事情

 var media = $('audio, video');

    function pauseAll() {
       media.each(function() {
          var element = $(this).get(0);
          element.pause();
       });
    }


    $("#play0").click(function(){
        pauseAll();
        $("#audio0")[0].play();
    });