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

1. 您应该区分点击第n次次和第(n+1)次次。为此，只需检查音频是否暂停即可。
2. 使用audio在 <script> 之外无效标签，因为您在脚本标签中定义了它。
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>