javascript - 如何在点击时暂停音乐？

我使用下面的代码(我在网上找到)在单击网站上的按钮时使音频播放，现在我很好奇如何使音频暂停和/或在相同时停止播放按钮单击类似的代码？

const rollSound = new Audio("./mp3/SoItGoes.mp3");
$('#Triangle').click(e => rollSound.play());

最佳答案

您可以在按钮上使用一个类来指定播放器的状态(如果正在播放，则为class = "playing"；如果处于暂停状态，则为ojit_code；如果未启动，则为空)，然后单击按钮时进行检查:

HTML:

<button id="Triangle">Play/Pause</button>

JavaScript:

$('#Triangle').click(function(e) {
    if ($(this).hasClass('playing')) {
        rollSound.pause();
        $(this).removeClass('playing');
    } else {
        rollSound.play();
        $(this).addClass('playing');
    }
});