如何处理“未捕获（承诺）DOMException：play() 失败，因为用户没有先与文档交互。”？答案

【问题标题】：How to handle "Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first."?如何处理“未捕获（承诺）DOMException：play() 失败，因为用户没有先与文档交互。”？
【发布时间】：2020-12-25 06:16:00
【问题描述】：

如何处理“Uncaught (in promise) DOMException: play() failed 因为用户没有先与文档交互”。与 Chrome 85？我正在尝试使用自动播放（带有 jquery 插件）。

HTML 代码：

<audio loop id="scrollaudio" src="sound/stranger.mp3"></audio>

JavaScript 代码：

<script> $(function() { var first = new AudioFade('#scrollaudio', 100, 3300, 700).init();
document.querySelector('button').addEventListener('click', function() { { var context = new AudioContext(); // Setup all nodes ... });

如何以用户首先与页面交互的方式解决此问题？谢谢大家。

【问题讨论】：

你什么时候打电话给.play？

标签： javascript google-chrome

【解决方案1】：

制作一个用户在进入网站之前必须点击的加载屏幕，这样您现在就可以在页面上随意播放音频了。我在这里是这样做的：https://www.tochibedford.com

【讨论】：

非常感谢！你能帮我吗？我很抱歉，但我真的是一个n00b。 :(你能告诉我代码吗？
嗨，请检查这个 SO 答案。我保证这很容易。 stackoverflow.com/a/25253988/9094171 - 干杯
很抱歉再次打扰您，但在这种情况下，它没有让用户与页面交互的按钮。 :( 我该怎么做？非常感谢。