單擊並停止播放音頻

Question

<button class="button" style="width: 200px;" onclick="playSound()">Play sound</button>

function playSound() {
          audio.pause();
          var audio = new Audio('V2018-Museum-filer/mp3file.mp3');
          audio.play();
        }

當單擊多個tiems按鈕以多次啟動音頻時，我想停止已經播放的音頻以使其重播。 我怎樣才能做到這一點？ 我收到一條錯誤消息，說音頻未定義。

Answer 1

希望這可以幫助...

單擊該按鈕時，音頻將暫停並在第二次單擊時重新啟動。

 function playSound() { var audioControl = document.getElementById('sound'); var btn = $("#player"); if (btn.click && audioControl.paused !== true) { audioControl.pause(); } else if (btn.click && audioControl.paused === true) { audioControl.currentTime = 0; audioControl.play(); } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <audio id="sound" controls> <source src="http://www.largesound.com/ashborytour/sound/brobob.mp3" type="audio/mpeg"> </audio> <button id="player" style="width: 200px;" onclick="playSound()">Play sound</button>