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() 导致音乐无法播放？如何解决？的详细内容，更多请关注www.sxiaw.com其它相关文章！