3

1 つのページに複数のオーディオ プレーヤーがあり、それぞれに再生ボタンと停止ボタンがあります。私が持っている唯一の問題は、1 つの再生ボタンをクリックしてから別の再生ボタンをクリックすると、それらが重なり合って再生されることです。別の再生ボタンがクリックされたときに再生中の曲を停止するために必要なコードを誰かが手伝ってくれますか?一度に複数の曲が再生されることはありませんか?? ありがとう！これが私のコードです：

$(document).ready(function(){ 
    $("#play-bt").click(function(){
        $("#audio-player")[0].play();
    })

    $("#stop-bt").click(function(){
        $("#audio-player")[0].pause();
        $("#audio-player")[0].currentTime = 0;
    })
})


$(document).ready(function(){
    $("#play-bt1").click(function(){
        $("#audio-player1")[0].play();
    })

    $("#stop-bt1").click(function(){
        $("#audio-player1")[0].pause();
        $("#audio-player1")[0].currentTime = 0;
    })
})
4

2 に答える 2

2 
$(document).ready(function(){ 

    var allAudioEls = $('audio');

    function pauseAllAudio() {
       allAudioEls.each(function() {
          var a = $(this).get(0);
          a.pause();
       });
    }


    $("#play-bt").click(function(){
        pauseAllAudio();
        $("#audio-player")[0].play();
    })

    $("#stop-bt").click(function(){
        $("#audio-player")[0].pause();
        $("#audio-player")[0].currentTime = 0;
    })

    $("#play-bt1").click(function(){
        pauseAllAudio();
        $("#audio-player1")[0].play();
    })

    $("#stop-bt1").click(function(){
        $("#audio-player1")[0].pause();
        $("#audio-player1")[0].currentTime = 0;
    })
})
于 2010-11-17T08:52:26.817 に答える