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

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>

标签： javascript

Answer 1

您可能使用的是 Google chrome，它会在加载时阻止播放音频文件，您可以检查您的日志中是否存在此类错误。

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