audio标签在表格/模板中播放失败主因是相对路径解析错位和MIME类型错误；应统一用根路径如src="/assets/audio/click.ogg"，配正确Content-Type，并禁用中文文件名。
audio 标签写在表格/模板里为什么播不了
不是表格本身有问题，而是相对路径解析容易错位。浏览器始终以 HTML 文件所在目录为基准解析 src，不是以 <td> 或 JS 脚本位置为起点。常见错误是写 <code>src="../audio/beep.mp3"，但 HTML 在子目录、音频在根目录时就 404。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 统一把音频放
/assets/audio/下，所有src写成绝对路径，如src="/assets/audio/click.ogg" - 避免在内联
<script></script>里拼接路径，字符串易漏转义或斜杠错乱 - 若用 Vue/React 动态渲染表格，确保构建阶段已把路径解析为静态 URL，而非运行时靠
document.currentScript推导
JS 动态插入 source 标签反而更不兼容
浏览器对 <source></source> 的匹配逻辑是“从上到下，遇到第一个 canPlayType() 返回非空字符串的就停”。但 JS 动态插入时，canPlayType() 返回值模糊（比如 "probably" 不等于“一定能播”），且 iOS Safari 会跳过 JS 插入的 <source></source>，直接卡在空源状态。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 必须用静态 HTML 声明多格式：
<source src="a.mp3" type="audio/mpeg"></source>→<source src="a.opus" type="audio/opus"></source>→<source src="a.wav" type="audio/wav"></source> - MP3 放第一位（兼容最广），OPUS 放第二（体积小、Chrome/Firefox 原生支持），WAV 放最后（Safari 兜底，但别用于长音频）
- 别用
audio.canPlayType("audio/ogg")判断再插入——它返回"maybe"时你插了也白插
Network 面板看到 200 但 still duration=NaN
HTTP 状态码 200 只代表服务器收到了请求并返回了数据，不代表浏览器把它当音频处理。最常见原因是响应头 Content-Type 错了：MP3 必须是 audio/mpeg（不是 audio/mp3），OGG 必须是 audio/ogg，WAV 是 audio/wav。本地开发用 file:// 协议时，Chrome 直接禁音频加载，连请求都不发。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 开 Network 面板，点中音频请求，确认响应头有且仅有一个
Content-Type，值严格匹配格式 - Apache 用户加
AddType audio/mpeg .mp3到.htaccess；Nginx 用户在types块补audio/mpeg mp3; - 本地开发必须起 HTTP 服务：
python3 -m http.server 8000或 VS Code Live Server 插件 - 文件名禁用中文、空格、括号——
src="提示音(1).mp3"在 Safari 里静默失败
多个 audio 元素共存时 iOS 播不了第二个
iOS 不共享用户手势上下文。哪怕你点了一次按钮触发了第一个 audio.play()，第二个 audio 仍需单独“预激活”：必须在同一个用户事件回调里调用它的 play()，哪怕立刻 pause()，否则后续调用全被拒。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 每个
audio元素都要单独处理：对第二个audio，也要在用户点击后执行一次audio2.play().then(() => audio2.pause()) - 别指望“激活一个，全部解锁”——iOS 没这机制
- 微信 WebView 还要额外监听
WeixinJSBridgeReady，否则play()调用被忽略，控制台也不报错
