首页 > 解决方案 > DOMException: play() 失败,因为用户没有先与文档交互

问题描述

我不断收到此错误消息,提示“DOMException:play() 失败,因为用户没有先与文档交互。” 但是,我不知道该怎么办。有什么建议么?

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

</script>

标签: javascriptphp

解决方案


嗨,我在这里是全新的,但我似乎已经找到了答案。

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

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

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

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

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

如果它有帮助,这里是我如何解决我的问题的视频:

https://recordit.co/iMmQ0BCbyN

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

干杯


推荐阅读