audio.muted = false 无效是因为浏览器自动播放策略限制，必须在用户手势（如click、touchstart）回调中同时设置muted = false并调用play()才生效，单独赋值不触发解禁。
audio.muted = false 为什么没效果？
直接赋值 audio.muted = false 失败，大概率是因为浏览器策略：自动播放静音的 <audio></audio> 元素在未获得用户交互（如点击）前，不允许解除静音。这不是 JS 写错了，而是浏览器故意拦截。
必须先触发用户手势才能解除静音
只有在用户明确操作（比如点击按钮、触摸屏幕）的回调中，才能安全调用 play() 或修改 muted。否则即使设了 muted = false，后续 play() 仍会被拒绝。
- ✅ 正确：绑定
click事件，在 handler 里先设muted = false，再调用play() - ❌ 错误：页面加载后用
setTimeout或Promise.resolve().then()延迟执行，这不算用户手势 - ⚠️ 注意：
touchstart在移动端也有效，但需确保不是 passive listener（否则无法调用play()）
解除静音的最小可靠写法
不要只改 muted，要和 play() 配合使用——因为多数浏览器只认「播放动作」本身是否来自用户手势，muted 只是附属状态。
const audio = document.querySelector('audio');
const btn = document.querySelector('#unmute-btn');
btn.addEventListener('click', () => {
audio.muted = false;
audio.play().catch(e => {
console.warn('自动播放被阻止:', e.name); // 可能是 NotAllowedError
});
});
如果音频原本是静音加载的（带 muted 属性），首次点击时设 muted = false + play() 才真正生效；仅设 muted = false 不触发解禁。
立即学习“前端免费学习笔记（深入）”；
兼容性与 fallback 处理
部分旧版 Safari 和安卓 WebView 对 muted 动态设置支持不一致，更稳妥的做法是：首次播放时默认静音，靠用户点击触发非静音播放；而不是试图“中途取消静音”。
-
audio.volume = 1不能绕过 muted 策略，它只控制音量大小，不解除静音锁定 - 检查
audio.readyState === 4再操作，避免play()报InvalidStateError - 某些环境（如微信内置浏览器）会忽略
muted=false，只能接受首次播放即非静音（即移除 HTML 中的muted属性）
真正难的不是写那行 muted = false，而是确保它出现在一个被浏览器认可的用户交互上下文中——这个上下文一旦错过，就只能等下一次点击。
