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

Question

如何处理“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 ... });

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

标签： javascriptgoogle-chrome

Answer 1

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