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

Question

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

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

这是我现在拥有的代码：

$(".header-bg").click();
console.log("clicked");

$(document).ready(function() {
    console.log("loaded");
    $('#medieval-music')[0].play();
});

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

score 1 · Accepted Answer

我假设您使用的是 html5<audio>标签。如果是这样，默认情况下将其设置为静音，如下所示：

<audio mute="true"></audio>

问题是现在大多数浏览器都阻止了自动播放功能，以防止用户在打开新标签时听到噪音。

有关此答案的更多主题，请查看此。

score -2 · Accepted Answer

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

2 回答 2