JS 中使用 new Audio() 音乐不播放？如何解决 "DOMException: Failed to load because no supported source was found." 错误？

发布日期： 2024-11-02 阅读量： 作者： 网络

JS 中使用 new Audio() 音乐不播放？如何解决

JS 中使用 new Audio() 音乐不播放？

在使用 js 中的 new audio() 方法播放音乐时，遇到音乐不播放的问题并出现控制台报错 "domexception: failed to load because no supported source was found."，该如何解决？

问题解答：

首先，该错误提示表示浏览器未能加载媒体资源。接下来，new Audio(url) 方法会在提供 url 之后，异步加载媒体资源并返回一个新对象。

为了解决这个问题，建议在加载事件触发后的钩子函数中执行音频播放代码。以下是使用 canplaythrough 事件监听器的示例：

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