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

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《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();
});

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

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~