为什么刷新页面后我的 Javascript 音频不起作用？

Question

我的 javascript 中有一个音频对象，并调用了播放函数。 当我第一次进入该页面或通过我的其他页面中的一个链接进入该页面时它工作正常，但是当我在带有音频的页面上并且只想刷新页面时我收到音频错误，

Uncaught (in promise) DOMException

我读过一篇关于某人的音频仅在刷新几次后才有效的帖子（与我的问题相反）。 我已经阅读了有关该错误的信息。 但是我要做的就是刷新页面并让事情像第一次一样工作。

console.log("playing test sound");
let test_sound = new Audio('/static/audio/to-the-point.mp3');
test_sound.play();

这在我第一次进入页面时有效，但是当我刷新它时给我那个错误并且无论我刷新多少次音频都不起作用......有任何想法吗？

编辑：在更多地玩弄它时，音频在刷新时出现错误的次数非常不一致。 有时，刷新没问题，有时只是出现错误。 一旦它得到错误，随后的刷新也会得到它。 也许是我的 chrome 浏览器或 Mac 电脑？

Answer 1

根据我自己的研究和@Kokodoko 的帮助，您似乎必须在允许音频之前与您的网页进行交互。 这就是为什么当我来自另一个页面时它对我有用，但在我刷新时却失败了。

解决方案：让用户交互。 不幸的是，没有真正的解决方法可以让音频在用户交互之前播放。 强制用户在音频开始之前以某种方式进行交互，是让音频工作的唯一方法