audio没声音主因是浏览器自动播放策略限制，需用户交互后调用play()；其次检查muted属性、文件路径格式、MIME类型、音量设置及父容器静音状态。
audio 标签加载了但没声音，先检查 muted 和 autoplay 是否被浏览器拦截
现代浏览器（Chrome、Edge、Safari）默认禁止自动播放带声音的媒体，即使写了 autoplay，只要没同时加 muted，就会静音或直接暂停。这不是 bug，是策略性限制。
- 如果想自动播放且有声，必须用户主动交互（如点击按钮）后才调用
play() - 加了
muted属性可绕过限制，但你听不到声音——这正是“没声音”的常见原因 - Safari 对
autoplay更严格，甚至可能忽略muted以外的所有自动播放尝试
<audio id="myAudio" src="sound.mp3" muted autoplay></audio>
<button onclick="document.getElementById('myAudio').play()">点我播放</button>
音频文件路径或格式不对，canplaythrough 事件不触发
没声音也可能是根本没加载成功。浏览器不会报错，但 networkState 为 0（NETWORK_EMPTY）或 readyState 长期卡在 0（HAVE_NOTHING）。
- 检查控制台 Network 面板：请求是否 404？MIME 类型是否正确（如
audio/mpeg而非text/plain）？ - HTML5 audio 支持有限：MP3、WAV、OGG 是主流，但
.aac或.flac在部分浏览器（尤其 Safari）可能不支持 - 本地文件用
file://协议打开时，Chrome 会禁用音频解码——必须走 HTTP(S) 服务（如python3 -m http.server）
JavaScript 调用 play() 失败并抛出 NotAllowedError
这是最典型的交互时机问题。未经过用户手势（click/touchstart）就调用 play()，Chrome 会拒绝并抛出该错误。
- 错误信息长这样：
Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first - 不能把
play()放在setTimeout或load事件里——这些不算“用户交互” - 必须绑定到明确的用户操作上，比如
button.addEventListener('click', () => audio.play()) - 注意：
touchstart在移动端更可靠；click在 iOS Safari 上有时延迟触发
音量被设为 0 或父容器静音，volume 和 paused 状态要手动确认
看起来一切正常，但就是没声？别跳过基础状态检查。
立即学习“前端免费学习笔记（深入）”；
-
audio.volume默认是1，但如果代码中设过0且没恢复，就真没声——哪怕 UI 滑块显示有音量 -
audio.paused为true不代表失败，只是暂停；但若play()后它仍是true，说明调用被拒或出错 - 某些安卓 WebView 或旧版微信内置浏览器会忽略
volume设置，只认系统音量——这时得提示用户调高设备音量 - 检查父级
<video></video>或<iframe></iframe>是否带mute属性，有些封装库会全局静音
调试建议：在控制台手动执行 audio.volume = 1; audio.play()，看是否立刻出声——能则说明是 JS 执行时机或逻辑问题。
