muted属性需作为无值布尔属性显式书写且必须配合autoplay才能绕过浏览器自动播放限制；解除静音必须在真实用户交互（如点击）回调中执行，否则仍被拦截。
HTML <audio></audio> 标签加 muted 属性没生效？
不是加了就静音，浏览器有硬性限制：自动播放（autoplay）时，muted 必须显式存在且值为 true，否则即使写了也会被忽略。尤其在 chrome、edge 等基于 chromium 的浏览器中，未用户交互触发的音频默认禁止发声，muted 是绕过该策略的唯一合法方式。
常见错误现象：<audio muted></audio> 写了但依然报错 DOMException: play() failed because the user didn't interact with the document first，或者音频一闪而过就停了。
-
muted必须是布尔属性，写成muted="true"或muted="muted"都无效，只写muted即可 - 必须配合
autoplay使用才有实际意义；纯手动点击播放时，muted只是初始状态，不解决自动播放拦截 - 部分安卓 WebView 或旧版 Safari 对
muted支持不稳定，建议加 JS 回退：audio.muted = true;
JS 动态设置 audio.muted = true 为什么有时晚了一步？
因为 DOM 加载完成 ≠ 媒体资源加载完成。audio.muted 设得太早（比如 DOMContentLoaded 时），可能被浏览器重置；设得太晚（比如等 loadeddata），又可能已触发自动播放失败。
正确时机是媒体元素进入「可以播放」但尚未开始播放的阶段：
- 监听
canplay或canplaythrough事件后立即设muted，再调用play() - 避免在
load或loadedmetadata就设 —— 此时音轨可能还没准备好，设了也白设 - 如果用
preload="none"，canplay会延迟触发，需配合play()的 Promise 捕获失败并重试
Vue/React 里绑定 :muted 或 muted={true} 不起作用？
框架的响应式绑定不会映射为原生布尔属性。例如 Vue 的 v-bind:muted="true" 实际渲染成 muted="true"，而浏览器只认无值的 muted。
立即学习“前端免费学习笔记（深入）”；
必须用原生属性写法或手动操作 DOM：
- Vue：用
v-bind:[attr]="value"动态绑定属性名，或在mounted中直接操作this.$refs.audio.muted = true - React：用
useEffect+ref，在 DOM 挂载后设audioRef.current.muted = true - 不要依赖 JSX/模板里的
muted={true}—— 它生成的是字符串属性，不是布尔属性
静音后想恢复声音，audio.muted = false 为什么还是没声？
因为解除静音 ≠ 解除播放权限。浏览器仍认为这是“非用户触发”的音频操作，muted = false 后直接 play() 仍会失败。
真正能恢复声音的唯一路径是：用户真实交互（点击、触摸、空格键等）后才允许取消静音并播放：
- 把
audio.muted = false和audio.play()放进按钮click回调里 - 不能靠定时器、滚动、
focus等伪交互触发 - 若之前是自动静音播放，恢复时建议先
pause()再muted = false再play()，避免状态冲突
muted 是绕过自动播放限制的开关，不是普通音量控制；所有解除静音的操作，必须锚定在一次真实的用户手势上。 
