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”如何解决？的详细内容，更多请关注www.sxiaw.com其它相关文章！