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

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

您可能正在使用Google chrome来阻止加载时播放音频文件，可以检查日志中是否出现这种错误。

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