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

知识点掌握了，还需要不断练习才能熟练运用。下面golang学习网给大家带来一个文章开发实战，手把手教大家学习《JS 中使用 new Audio() 音乐不播放？如何解决 \"DOMException: Failed to load because no supported source was found.\" 错误？ 》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！

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();
});

最后，如果音频仍然无法播放（控制台会出现其他错误），则可能是浏览器禁用了非用户交互的播放。在这种情况下，需要在页面中添加一个按钮，并在此按钮被点击后触发音频播放。

到这里，我们也就讲完了《JS 中使用 new Audio() 音乐不播放？如何解决 \"DOMException: Failed to load because no supported source was found.\" 错误？ 》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！