<audio>标签最小可用结构为<audio src="sound.mp3"></audio>，但需添加controls属性才能显示播放控件；必须用<source>多格式兜底（如MP3+OGG），并准确声明type，否则部分浏览器无法加载。
<audio> 标签本身就能直接嵌入并播放音频，不需要额外 JS 就能工作，但默认行为和兼容性需要手动干预。
audio 标签的最小可用结构
只写 <audio src="sound.mp3"></audio> 是合法的，但大多数浏览器不会显示控件，用户点不播放。必须加 controls 属性才出现播放按钮、进度条等 UI：
<audio controls> <source src="music.mp3" type="audio/mpeg"> <source src="music.ogg" type="audio/ogg"> Your browser does not support the audio element. </audio>
-
controls是布尔属性，有它就显示控件，没它就静默（除非用 JS 调play()） -
<source>允许提供多个格式，浏览器按顺序尝试，第一个能解码的就用 - MP3 和 OGG 是最稳妥的组合：MP3 兼容所有现代浏览器，OGG 在 Firefox/Chrome 开源版中更轻量
- 备用文本（如 “Your browser…”）只在不支持
<audio>时显示，IE8 及更早版本会看到它
自动播放（autoplay）为什么经常失效
现代浏览器普遍禁用无交互触发的自动播放，尤其带声音的。加 autoplay 属性后仍静音或暂停，是正常策略，不是代码写错：
- Chrome / Edge / Safari 要求用户已与页面交互（比如点击过某处），
autoplay才可能生效 - 加
muted属性可绕过部分限制（<audio autoplay muted>），但用户无法立刻听到声音 - 想“无声自动播+点击后开声”，得用 JS 监听
click再调audio.unmute()和audio.play() - 移动端（iOS Safari、Android Chrome）基本禁止任何
autoplay，哪怕muted也常被忽略
常见错误：src 路径不对或 MIME 类型缺失
音频文件存在，但播放器显示“加载失败”或一直转圈，大概率是路径或服务端配置问题：
立即学习“前端免费学习笔记（深入）”；
-
src值必须是相对路径（如"./audio/intro.wav"）或绝对 URL；不能是本地文件路径（"C:\...\file.mp3"） - 如果用
<source>，type属性强烈建议写上，否则某些浏览器（尤其是 Safari）可能跳过该源 - Web 服务器必须返回正确的 Content-Type 响应头，例如 MP3 应为
audio/mpeg；用 Python 的http.server或 GitHub Pages 默认不设对，会导致加载失败 - 开发时可用浏览器 Network 面板看音频请求的 Status 是否为 200，Response Headers 里是否有
Content-Type
真正麻烦的不是写几行 HTML，而是音频格式选择、服务端 MIME 配置、移动端 autoplay 策略这三者的组合判断——漏掉任一环，<audio> 就只是个空盒子。
