javascript從按鈕單擊停止音頻

Question

調用函數generate時，應播放聲音。 如果按鈕被觸發，聲音應停止。 最好的方法是什么？

    <script>

    var audio = new Audio('assets/spin.mp3');

        function generate()
            {

                /* some code goes here*/
                audio.play();
            }

    </script>

    <button onClick="game.rotationAngle=0; game.draw();generate();audio.stop();">start</button>

這是觸發按鈕時需要執行的一種重置。 這就是為什么聲音需要停止之后才能再次運行。

我在調試中收到此錯誤：

Answer 1

您可能想改用audio.pause()因為沒有stop方法。 如果選中Audio.prototype.stop則它是未定義的。

Answer 2

1. 您應該區分單擊第n次和第 （n + 1）次 。 為此，只需檢查音頻是否已暫停。
2. 在<script>標記之外使用audio無效，因為您在script標記中定義了audio 。
3. 如果要重新開始，還應該將當前時間設置為零。

下面是結果代碼。

<script>
    var audio = new Audio('assets/spin.mp3');
    function generate() {
        /* some code goes here*/
        if(audio.paused) {audio.currentTime=0;audio.play()}
                   else  audio.pause();
    }
</script>
<button onClick="game.rotationAngle=0; game.draw();generate();">start</button>

Answer 3

沒有諸如audio.stop()這樣的功能。 您可以改用以下內容：

function generate() {
    if(!audio.paused) { /* Check if it's not paused */
        audio.pause();  /* To pause the audio */
        audio.currentTime = 0;  /* To reset the time back to 0 */
    }
    else {
        audio.play();  /* To make it play again */
    }
};

Answer 4

使用audio.pause()而不是audio.stop()