MP3 是最稳妥的默认选择，但需搭配 AAC 或 OGG 才能覆盖所有主流浏览器；Safari iOS 因 MIME 校验严格，要求 Content-Type 必须为 audio/mpeg，否则静音或报错；OGG 适用于 Firefox 和 Chrome Android，AAC 则是 iOS 唯一稳定支持的有损格式，须用 MP4 容器封装；WAV 仅适合极短音效；通过按 AAC→MP3→OGG 顺序配置 source 可实现无感降级，且需确保服务端 header 与 type 属性一致。
MP3 是目前最稳妥的默认选择，但仅靠它无法覆盖 Safari iOS 和部分旧版 Android 的 Audio 元素播放需求；必须搭配 audio/aac 或 audio/ogg 才能真正实现“所有主流浏览器可播”。
为什么 MP3 在 Safari iOS 上会静音或报错？
Safari（尤其是 iOS 15+）对 audio/mpeg 的 MIME 类型校验更严格：即使文件是标准 MP3，若响应头中 Content-Type 缺失或写成 audio/mp3（错误写法），就会拒绝解码，表现为静音、canplay 不触发，甚至控制条灰显。
- 正确 MIME 必须是
audio/mpeg，不是audio/mp3或audio/x-mp3 - CDN 或静态服务器需显式配置该 header，Nginx 示例：
add_header Content-Type "audio/mpeg"; - 本地开发用
file://协议时，Safari 直接忽略 MIME，只认扩展名，此时.mp3可播但无参考价值
OGG 和 AAC 各自的不可替代场景
audio/ogg; codecs=opus 是 Firefox 和 Chrome on Android 的首选格式，体积小、启播快；audio/mp4; codecs=aac 则是 iOS 唯一稳定支持的有损格式（注意不是 .m4a 后缀万能，而是容器+编码双匹配）。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 不要只传
.aac文件：iOS 要求必须是 MP4 容器封装的 AAC，即.mp4或.m4a，且编码为 AAC-LC（HE-AAC v1/v2 在部分机型上会失败） - OGG 在 iOS 全系不支持，哪怕加了
<source></source>也会被跳过，不会降级尝试下一个 - WAV 体积过大（CD 级 1411kbps），仅适合极短音效（如按钮点击），加载延迟明显，不建议用于音乐类内容
如何用 实现无感 fallback？
浏览器按 <source></source> 出现顺序依次尝试，直到找到第一个能解码的。关键不是“多塞几个”，而是顺序 + MIME 精准 + 服务端配合。
立即学习“前端免费学习笔记（深入）”；
- 推荐顺序：
audio/mp4; codecs="aac"→audio/mpeg→audio/ogg; codecs="opus" - 每个
<source></source>的type属性必须与实际文件编码完全一致，否则 Safari 会直接跳过整条<source></source> - 避免在同一个
<audio></audio>中混用不同采样率（如 44.1kHz MP3 + 48kHz AAC），部分 Android 浏览器会卡在loadedmetadata - 测试时用
canplaytype()验证：audio.canPlayType('audio/mp4; codecs="aac"')返回"probably"才算可靠
真正容易被忽略的是服务端响应头和文件实际编码的一致性——前端写的 type 再对，如果 Nginx 返回了 application/octet-stream，iOS 就直接放弃解析。上线前务必用 curl -I 检查真实 header。
