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

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

以上就是JS中使用new Audio()音乐播放不出声，如何解决？的详细内容，更多请关注其它相关文章！