jQuery 通过选择器播放音频

Question

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

<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 {

  }
});

我不知道如何通过 class 名称获取音频对象

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

jQuery 通过选择器播放音频

jQuery play audio by selector

javascript

jquery

html5-audio