javascript - 在网页上只启用一个音频流

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