Включение только одного аудиопотока на веб-странице

Question

Я нахожусь на ранней стадии создания сайта группы, где есть несколько выборочных аудиопотоков. Каждый поток запускается или останавливается отдельными кнопками «Воспроизвести» и «Пауза». На странице также есть несколько видеороликов, которые имеют собственные элементы управления. Я использовал следующий код для настройки аудио образцы:

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

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

}); 


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

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

}); 

«audio0» идентификатор для каждого аудиопотока (до «audio9»), тогда как и идентификаторы «play0» «pause0» (также до «play/pause9») для кнопок. Как я могу убедиться, что в любой момент времени должен воспроизводиться только один аудиофайл (независимо от того, является ли это аудио или видео). Другими словами, пользователь не может одновременно запускать более одного аудиопотока. Спасибо.

Answer 1

Try что-то вроде этого

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

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


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