解决 JS 中 new Audio() 音乐不播放的问题
问题溯源
使用 new audio(url) 时，如果不播放背景音乐，控制台通常会提示：“failed to load because no supported source was found.”，意味着没有可支持的音频源。
解决方法
1. 确保资源加载
首先，确认音频文件能被浏览器加载。可以通过如下方式检查：
仔细检查音频文件的路径，确保无误。确保音频文件格式为浏览器支持的类型（如 MP3、WAV）。检查服务器配置，确保允许从站点加载音频文件。
2. 使用事件触发钩子
由于加载音频是异步的，建议在加载事件触发钩子函数中执行播放操作。示例代码如下：
const music = new Audio('./1.mp3');music.addEventListener("canplaythrough", event => { // 音频可以播放；如果权限允许则播放 music.play();});
3. 检查浏览器权限
某些浏览器会禁止非用户交互的播放。如果上述方法仍无法解决问题，可以尝试添加按钮，点击后触发播放。
以上就是为什么使用 new Audio() 播放背景音乐时，音乐无法播放？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1557297.html
微信扫一扫 
支付宝扫一扫 
