JS 中使用 new Audio() 导致音乐无法播放？如何解决？

小伙伴们有没有觉得学习文章很有意思？有意思就对了！今天就给大家带来《JS 中使用 new Audio() 导致音乐无法播放？如何解决？ 》，以下内容将会涉及到，若是在学习中对其中部分知识点有疑问，或许看了本文就能帮到你！

JS 中使用 new Audio() 导致音乐未播放？

一位开发者最近遇到了使用 new Audio() 加载音乐时出现的问题。页面的 js 文件加载后音乐不会播放，控制台报错："DOMException: Failed to load because no supported source was found."。

经过一番研究，发现这个错误意味着浏览器无法加载资源。

解决方案：

首先，建议在加载事件触发钩子函数中执行 new Audio(url)，因为加载音频资源是异步的。

const music = new Audio('./1.mp3');
music.addEventListener("canplaythrough", event => {
  music.play(); // 音频可以播放，如果权限允许则播放
});

其次，如果浏览器禁用了非用户交互的播放，可以添加一个按钮，点击后触发播放。

以上就是《JS 中使用 new Audio() 导致音乐无法播放？如何解决？ 》的详细内容，更多关于的资料请关注golang学习网公众号！