加载页面时为什么声音不起作用？

Question

我试图在页面加载时播放声音，但它从不工作，但是当我点击按钮时声音正在工作。

JavaScript的

<script>
    $( document ).ready(function() {
        let audio = new Audio('sounds/sound.mp3');
        let is_play = true;
        let btn = document.getElementById("sound_btn");
        audio.play();
        $("#" + btn.getAttribute("id")).click(function () {
            if (is_play) {
                btn.innerText = "Play Sound";
                is_play = false
                audio.pause();
            } else {
                btn.innerText = "Pause Sound";
                is_play = true;
                audio.play();
            }
        });
    });
</script>

Answer 1

您可能正在使用谷歌浏览器阻止在加载时播放音频文件，您可以检查您的日志是否有这样的错误。

必须在用户事件之后播放音频文件（如点击）。