JS中使用new Audio()播放音乐时报错“Failed to load”如何解决？

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

js中使用new audio()播放音乐时报错“failed to load”的解决方法

问题描述

在使用html和js进行音乐播放时，通过new audio()加载了mp3文件，但音乐不会播放，控制台报错“uncaught (in promise) domexception: failed to load because no supported source was found”。

解决方法

1. 异步加载

new audio(url)在提供了url后，浏览器会开始异步加载媒体资源。建议将播放操作放在加载事件触发钩子函数中执行。

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

2. 浏览器禁用非交互播放

如果上述方法仍然无法播放音乐，可能是浏览器禁用了非用户交互的播放。可添加一个按钮，点击后触发播放。

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