MP3是最稳妥的音频格式选择，因所有现代浏览器均原生支持audio/mpeg，兼容性最佳；WAV体积大、加载慢；Ogg在Safari旧版中不支持；AMR等格式不在HTML5规范内，浏览器直接忽略。
HTML 的 <audio> 标签本身不转格式，只播放；浏览器支持哪些格式，取决于编解码器，不是你写个 type="audio/amr" 就能播的。
为什么 MP3 是最稳妥的音频格式选择
几乎所有现代浏览器（Chrome、Firefox、Safari、Edge）都原生支持 audio/mpeg（即 MP3），无需额外解码器或插件。它在音质、体积、兼容性之间取得了最实用的平衡。
- WAV 文件虽无损，但体积大、加载慢，
preload="none"也难掩首帧延迟，不适合网页提示音或背景音乐 - Ogg Vorbis（
audio/ogg）在 Firefox 和 Chrome 支持良好，但 Safari 从 macOS 14 / iOS 17 起才全面支持，旧版仍会跳过 - AAC（
audio/aac或audio/mp4）在 Safari 和移动端表现好，但部分 Android WebView 会静音或报DOMException: The element has no supported sources - AMR、NCM、KGG 等格式完全不在 HTML5 规范内，
<audio>标签直接忽略，连canPlayType()都返回""
如何用 <source> 实现多格式 fallback
浏览器按 <source> 出现顺序尝试加载，遇到第一个能解码的就停。关键不是“堆格式”，而是按优先级排序，并确保每个 src 真实存在且 MIME 类型匹配。
- 把 MP3 放第一位：它是兼容性兜底项，也是用户最可能立刻听到的格式
- Ogg 可以放第二位，仅当项目明确要求开源格式或需绕过 MP3 专利场景时才加
- 不要写
<source src="a.amr" type="audio/amr">—— 浏览器不识别该 type，会直接跳过，还多一次 HTTP 404 请求 - 务必验证每个
src路径是否可访问，404 会导致整个<audio>进入networkState === 0（空闲态），控件灰显
示例：
立即学习“前端免费学习笔记（深入）”；
<audio controls> <source src="sound.mp3" type="audio/mpeg"> <source src="sound.ogg" type="audio/ogg"> 您的浏览器不支持 audio 标签。 </audio>
本地批量转 MP3 的实操建议
别依赖在线转换网站——上传敏感音频有隐私风险，且 50MB 限制对长录音或高采样率文件极不友好。用本地命令行工具更可控。
- FFmpeg 是首选：
ffmpeg -i input.amr -c:a libmp3lame -q:a 2 output.mp3，其中-q:a 2对应 VBR 中高品质，文件大小比 CBR 128k 小 20% 且音质更稳 - 批量处理时加
-y跳过确认，用 shell 循环或 PowerShellGet-ChildItem遍历，避免手动点开每个文件 - 转完用浏览器直接打开 HTML 页面测试，不要只看文件能否被 VLC 播放——VLC 支持 AMR，但 Chrome 不行
- 如果原始是 NCM/KGG 等加密格式，先用专用解密工具（如 ncm2flac）还原为 PCM/WAV，再喂给 FFmpeg，跳过中间转 WAV 步骤可减少一次重采样失真
JavaScript 检测与降级逻辑怎么写才不翻车
靠 audio.canPlayType("audio/mpeg") 返回 "probably" 或 "maybe" 并不可靠——Safari 在某些配置下对 MP3 也返回 "maybe"，但实际能播。真正有效的检测是“尝试加载 + 监听 error”。
- 创建
new Audio()实例，设src后立即调用load()，监听error事件 - 若 3 秒内没触发
loadedmetadata且已触发error，说明该格式不可用，切换下一个src - 不要在页面 onload 后立刻
play()—— 现代浏览器策略要求用户手势触发，否则抛NotAllowedError - 降级方案别硬上 Flash：2026 年主流浏览器已彻底移除 Flash 支持，改用轻量级 Web Audio API 加载 base64 音频数据（仅适用于 ≤ 500KB 的提示音）
真正容易被忽略的是：音频文件的 HTTP 响应头。如果服务器返回 Content-Type: text/plain，哪怕后缀是 .mp3，Chrome 也会拒绝解码。必须确保服务端对 .mp3 返回 audio/mpeg。
