为什么加载页面时声音不能工作？

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

您可能正在使用谷歌铬，它阻止播放音频文件在加载，您可以检查您的日志这样一个错误。

音频文件必须在用户事件发生后播放(如单击)。