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

Question

我正处于建立乐队网站的早期阶段，那里有许多样本音频流。每个流都由单独的"播放"one_answers"暂停"按钮触发或停止。页面上还有许多视频，它们都有自己的控件。我使用以下代码来设置音频样本：

$("#play0").click(function() {
    $("#audio0").trigger('play');
});

$("#pause0").click(function() {
    $("#audio0").trigger('pause');
});

"audio0"ID用于每个音频流（最多"audio9"），而"play0"one_answers"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();
    });