DOMException: play() 失败，因为用户没有先与文档交互答案

【问题标题】：DOMException: play() failed because the user didn't interact with the document firstDOMException: play() 失败，因为用户没有先与文档交互
【发布时间】：2021-09-15 16:54:38
【问题描述】：

我不断收到“DOMException：play() 失败，因为用户没有先与文档进行交互”的错误消息。但是，我不知道该怎么办。有什么建议吗？

<script>
var audioElement = new Audio();
audioElement.setTrack("assets/music/bensound-acousticbreeze.mp3");
audioElement.audio.play();

</script>

【问题讨论】：

您必须将元素静音才能自动播放而无需用户交互。 stackoverflow.com/questions/49930680/…

标签： javascript php

【解决方案1】：

您好，我是新手，但我似乎找到了答案。

该错误意味着在最新版本的 Chrome 中，在用户与网页交互之前不允许播放声音。

所以我所做的一切（遇到了同样的问题并偶然发现了你的问题）

我只是将声音附加到点击（无论如何这是我的预期设计），但如果您想播放一些音乐作为介绍，您可能需要在该菜单之前引入一个“开始”按钮或其他播放检查用户与网站交互时的声音。

对不起，我对此不是超级技术，我也在学习，我希望这会有所帮助。

https://gamedev.stackexchange.com/questions/163365/html5-games-play-failed-because-the-user-didnt-interact-with-the-document-fi

如果有帮助，请观看我如何解决问题的视频：

https://recordit.co/iMmQ0BCbyN

在视频中，当我点击时声音最终会播放，但当我尝试在加载时播放时会抛出错误...

干杯

【讨论】：