尝试自动播放某些音频时，我不一致地收到“播放（）失败，因为用户没有首先与文档交互”错误

Question

当页面加载时，我想要一个音频文件自动播放。它工作过一次，但是当我刷新时，我得到了“play() 失败，因为用户没有首先与文档交互”错误。当我更改一些代码时，它再次工作，但刷新后我不断收到错误消息。

我试过模拟一个点击，正如我上面所说的，工作一次。

这是我现在拥有的代码：

$(".header-bg").click();

console.log("clicked");

$(document).ready(function() {

    console.log("loaded");

    $('#medieval-music')[0].play();

});

两个控制台日志被记录但音乐不播放。

Answer 1

我假设您使用的是 html5<audio>标签。如果是这样，默认情况下将其设为静音，如下所示：<audio&nbsp;mute="true"></audio>问题是现在大多数浏览器都阻止了自动播放功能，以防止用户打开新标签时产生噪音。有关此答案的更多主题，请查看此。

Answer 2

<audio controls autoplay></audio>每次加载页面时在 html 中使用自动播放属性，音频文件将自动播放