同じページで複数のmp 3を再生する解決方法
audioがループ表示されると、単一ページで複数のオーディオファイルを同時に再生するのは頭が痛いので、簡単な解決策を見てみましょう.
//
<button class="btn audio"> <audio src="xx.mp3"></audio></button>
<button class="btn audio"> <audio src="xx.mp3"></audio></button>
<button class="btn audio"> <audio src="xx.mp3"></audio></button>
<button class="btn audio"> <audio src="xx.mp3"></audio></button>
//js
//audio
var playing = false, currentAudio = null;
$('.audio').on('click', function () {
var $audio = $(this).find('audio');
if (playing) {
playing = false;
currentAudio.pause();
currentAudio.currentTime = 0; // audio
currentAudio = null;
}
playing = true;
currentAudio = $audio.get(0);
currentAudio.play();
});