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. 浏览器禁用非交互播放

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