audio标签需同时含src和controls才可见可操作；src须为正确路径且区分大小写；多格式回退须用source标签并配对type；autoplay必须加muted且首次播放需用户交互触发。
audio 标签必须带 src 和 controls 才能用
不加 controls，音频就完全不可见——不是静音，是没控件、不能点、无法操作；只写 src 但路径错，控制条会显示但点击无反应，控制台常报 404 或 ERR_FAILED。
-
src必须是相对路径（如"./audio/intro.mp3"）或绝对 URL（如"https://example.com/sound.ogg"），不能是"intro.mp3"或file:///路径 - 本地双击 HTML 文件时，Chrome/Firefox 会因安全策略拒绝加载音频，建议用
python -m http.server启一个本地服务 - 音频文件得放在和 HTML 同目录，或明确的子目录里；大小写也要一致（
"Song.mp3"≠"song.mp3"）
多格式回退必须用 <source></source> + 正确 type
只放一个 .mp3 文件，在 Firefox 或旧版 Edge 上大概率直接失败。浏览器按 <source></source> 顺序尝试，遇到第一个支持且可访问的就停，但前提是 type 写对。
-
type="audio/mpeg"对应 MP3（"audio/mp3"是无效值） -
type="audio/ogg"对应 OGG（Vorbis 或 Opus） -
type="audio/wav"可选，但体积大、无压缩，仅适合极短提示音 - 服务器返回的 HTTP 响应头中
Content-Type必须匹配，否则 Safari 可能跳过该<source></source>
autoplay 不是加了就响，必须配 muted
Chrome、Safari、Edge 等主流浏览器默认拦截“有声自动播放”，哪怕写了 autoplay，没 muted 就会静默失败或报警告。
- 正确写法是：
<audio autoplay muted controls><source src="song.mp3" type="audio/mpeg"></source></audio> - 即使加了
muted，首次播放仍需用户交互（如 click）触发才更稳，尤其在 iOS Safari 上 - 后续想取消静音，可在
play()成功后设audio.muted = false，但不能在autoplay阶段强行解除
JS 控制播放总报 DOMException: play() failed because the user didn't interact with the document first
这不是你代码写错了，是浏览器策略强制要求：首次 play() 必须由用户手势（click、touchstart）触发，不能在 DOMContentLoaded、setTimeout 或页面加载完成时直接调。
- 绑定按钮时，确保事件监听器在用户点击后才执行
audio.play() -
play()返回 Promise，必须.catch(e => console.error(e))捕获错误，否则失败静默 -
audio.src改变后，要先调audio.load()，再play()，否则可能沿用旧缓冲 - iOS Safari 更严：若该
audio元素从未成功播放过，即使有 click，play()仍可能被拒；加muted=true首次播通，是解锁后续能力的关键一步
Content-Type 响应头和本地开发时的 file:// 协议限制——这两点不解决，前端写得再标准也白搭。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
