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

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

您可能

正在使用谷歌浏览器，它可以阻止在加载时播放音频文件，您可以检查日志是否存在此类错误。

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