audio的muted是布尔属性，仅存在即为true，不写为false；JS中audio.muted可读写布尔值，但需用户手势触发才能取消静音。
audio 标签的 muted 属性是布尔属性，只写 muted 就代表 true
HTML5 中 <audio></audio> 的 muted 属性没有 muted="true" 或 muted="false" 这种写法。它是一个**布尔属性（boolean attribute）**，只要存在该属性，就等价于 muted="true"；不写，就默认为 false。
常见错误写法：
-
<audio muted="true"></audio>—— 语法合法但多余，浏览器仍按 muted 处理，但不符合规范意图 -
<audio muted="false"></audio>—— 无效！只要写了muted，无论值是什么，都会静音 -
<audio muted=""></audio>—— 等效于muted，仍然静音
用 JS 动态控制静音状态：读写 audio.muted 属性
JS 中通过 .muted 属性读写更灵活，它返回/接受布尔值 true 或 false，和 HTML 属性行为一致但语义清晰。
<audio id="myAudio" src="song.mp3"></audio>
<button onclick="toggleMute()">切换静音</button>
<script>
const audio = document.getElementById('myAudio');
function toggleMute() {
audio.muted = !audio.muted;
console.log('当前静音状态：', audio.muted);
}
</script>
注意：audio.muted 的值受用户交互限制 —— 多数浏览器要求首次播放必须由用户手势（如 click）触发，否则设置 muted = false 可能被忽略（尤其在自动播放场景下）。
立即学习“前端免费学习笔记（深入）”；
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
为什么加了 muted 还没静音？检查这些点
静音失效不是属性写错了，往往是环境或时机问题：
- 音频尚未加载完成，
muted属性可能被后续加载逻辑覆盖（比如 JS 在canplay后又设置了.muted = false） - 使用了
autoplay且未加muted，现代浏览器会阻止有声自动播放，此时即使后续 JS 设置muted = true，也可能因策略拦截而失败 - 父容器或 CSS 设置了
display: none或visibility: hidden，部分浏览器会暂停媒体资源，影响属性生效时机 - 在 iOS Safari 中，
<audio></audio>默认不支持后台播放，且静音状态可能受系统「降低响度」开关影响（系统设置 > 辅助功能 > 音频/视觉 > 降低响度）
自动播放 + 静音的稳妥写法（兼容 Chrome / Safari / Firefox）
要确保页面一打开就静音播放（比如背景音效、BGM），必须同时满足三个条件：
- HTML 中显式声明
muted和autoplay - 避免依赖 JS 延迟设置
muted（防止被策略拦截） - 加上
playsinline（iOS 必需）
<audio src="bgm.mp3" muted autoplay playsinline loop> </audio>
如果之后想取消静音，必须在用户点击等手势事件中执行 audio.muted = false，且最好紧接着调用 audio.play()（部分浏览器要求“一次手势触发完整播放流程”）。
静音不是开关，而是播放策略的一部分；真正容易被忽略的，是浏览器对“用户可感知交互”的严格认定——哪怕只差毫秒，muted = false 也可能永远不生效。
