首页 > 文章列表 > JS中使用new Audio()音乐播放不出声,如何解决?

JS中使用new Audio()音乐播放不出声,如何解决?

349 2025-03-23

JS中使用new Audio()音乐播放不出声,如何解决?

JS中使用new Audio()音乐播放不出声的解决方法

在使用原生HTML创建音乐播放器时,使用new Audio()后,音乐不播放并出现控制台报错的情况时,可采取以下解决方法:

首先,检查控制台报错信息,确定是否为“Failed to load because no supported source was found.”,表明未能加载资源。

其次,由于加载音频资源是异步的,建议将new Audio()对象放置在加载事件触发钩子函数中执行,如:

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

如果仍不能播放,则可能是浏览器禁用了非用户交互的播放。此时,需要添加一个按钮,点击后触发音频播放。

来源:1730512862