必须同时设置src和controls属性才能正常显示并操作音频；src需为有效路径，controls为布尔属性，缺一不可。
直接用 标签就能插入，但不加 controls 属性，音频就“隐身”——用户看不见按钮、点不了播放、也调不出音量条，不是静音，是彻底不可操作。
必须写的两个属性：src 和 controls
只写 是无效的。浏览器加载了文件，但不渲染任何界面，用户无从下手。
-
src必须是相对路径（如"./audio/intro.mp3"）或绝对 URL（如"https://example.com/sound.ogg"），不能只写"intro.mp3"或file:///路径 - 本地双击 HTML 文件时，Chrome/Firefox 会因安全策略拒绝加载
file://下的音频；建议用python -m http.server启个本地服务再测 -
controls是布尔属性，写成controls或controls=""都行，不写就等于没放
为什么 MP3 在 Firefox 里播不了
Firefox 默认不支持 MP3 解码，只认 audio/ogg 或 audio/wav；Safari 对 OGG 支持也不稳定。单靠一个 .mp3 文件，等于主动放弃一部分用户。
- 正确做法是用
- MP3 必须放最前：
- OGG 次之：
-
type值不能错："audio/mp3"是无效 MIME 类型，必须是"audio/mpeg"
autoplay 总是静默失败？原因和解法
Chrome、Edge、Safari 全部拦截“有声 autoplay”，控制台可能不报错，但实际没声音——这不是 bug，是策略。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 唯一可靠方式：同时加
autoplay和muted，即 - 想自动播完再开声？得监听
playing事件后再设audio.muted = false，但部分浏览器仍会阻止 - 如果必须带声自动播，只能靠用户首次点击触发
audio.play()，且该点击必须是真实交互，setTimeout模拟无效
JS 控制播放时最常卡住的点
调用 audio.play() 报 DOMException: play() failed because the user didn't interact with the document first，不是代码错，是时机和策略问题。
-
play()返回 Promise，务必.catch()捕获拒绝：audio.play().catch(e => console.warn("播放被拒", e)) - 不能在
DOMContentLoaded里直接调play()，要等loadedmetadata或canplay事件触发后再调 -
src动态改完后，需手动调audio.load()，否则可能沿用旧缓冲，play()无效
最容易被忽略的是：路径大小写错误、服务器没配对的 MIME 类型、type、或者把 写成自闭合形式（如 ）——这些都会导致控件不显示、加载失败却无提示。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
