同じページで複数の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();
    });