jQuery通过选择器播放音频

Question

我有2个音频标签和一个按钮
当我点击按钮时，如果它是真的我想播放声音1，如果它不是我想播放声音2

<button>play</button>

<audio class="sound1" src="sound1.mp3" ></audio>
<audio class="sound2" src="sound2.mp3" ></audio>

jQuery的：

$('button').click(function() {
  if (true) {
    audio.play();
  } else {

  }
});

我不知道如何通过类名

获取音频对象

Answer 1

您需要使用.play()来触发音频，并使用$(selector).get(0)来获取音频对象。

$('button').click(function(){
  if ( true ) {
    $('.sound1').get(0).play();
  } else {
    $('.sound2').get(0).play();
  }
});

Demo（切换true / false以收听.wav和.mp3文件）

^{Audio Credits}

Answer 2

更好的方法是根据您的条件设置音频的src，如

$('button').click(function(){
// Select the sourceUrl according to your selection then set the source to your audio control
$('.sound').attr('src', sourceUrl);
}