javascript - DOMException: play() 失败,因为用户没有先与文档交互
问题描述
我不断收到此错误消息,提示“DOMException:play() 失败,因为用户没有先与文档交互。” 但是,我不知道该怎么办。有什么建议么?
<script>
var audioElement = new Audio();
audioElement.setTrack("assets/music/bensound-acousticbreeze.mp3");
audioElement.audio.play();
</script>
解决方案
嗨,我在这里是全新的,但我似乎已经找到了答案。
该错误意味着在用户与网页交互之前,在最新版本的 Chrome 中不允许播放声音。
所以我所做的一切(遇到了同样的问题并偶然发现了你的问题)
我只是将声音附加到单击上(无论如何,这是我的预期设计),但是如果您想播放一些音乐作为介绍,您可能需要在该菜单之前引入一个“开始”按钮,或者检查播放声音时用户与网站交互。
抱歉,我对此不是超级技术,我也在学习,希望这会有所帮助。
如果它有帮助,这里是我如何解决我的问题的视频:
https://recordit.co/iMmQ0BCbyN
在视频中,声音最终在我单击时播放,但当我尝试在加载时播放时会抛出错误......
干杯
推荐阅读
- php - 文档父名称在 Firestore PHP SDK 中的索引 53 处缺少集合 ID
- python - 当使用 for 语句创建多个按钮并使用 lambda 函数设置变量时,按钮都设置为设置相同的变量
- c# - Word Interop .InsertFile 导致样式丢失
- flutter - Flutter:JSON解析数据为空
- apache - htaccess 重写查询字符串未按预期工作
- c# - 当控件的顶级父窗口是活动窗口时设置焦点?
- android - Android相机读取缩放级别
- r - 所有地址的 Nominatim 通用城市地理编码
- javascript - Angular 5 + Bootstrap 工具提示不起作用
- django - 从头开始创建 sqlite 时无法创建 django_migrations 表(数据库已锁定)错误