WAV不推荐作为主力音频格式；它体积大、无压缩、加载慢，仅适合极短提示音或调试，且存在浏览器兼容性差、MIME类型校验严格、需PCM编码、无元数据导致preload卡顿、file://协议下Chrome拒绝加载、source顺序影响回退机制等问题。
WAV 能插，但不推荐作为主力格式；它体积大、无压缩、加载慢，只适合极短提示音或开发调试用。
为什么 WAV 在 audio 标签里常“没反应”
不是代码写错了，而是浏览器策略和文件本身双重限制：
- WAV 文件必须是 PCM 编码（即未压缩的线性 WAV），很多录音软件导出的 “WAV” 实际是 MP3 封装或带 ADPCM 压缩，
audio标签直接拒解码 - Chrome/Firefox/Safari 对 WAV 的 MIME 类型校验严格：
type="audio/wav"是错的，必须写type="audio/wav"（部分旧文档误写成audio/x-wav，已不被现代浏览器接受） - WAV 无元数据，
preload="metadata"会卡住，建议改用preload="none"或干脆不设 - 直接双击 HTML 打开时，
file://协议下 Chrome 会拒绝加载 WAV（报ERR_FAILED），必须起本地服务（如python -m http.server）
<source></source> 顺序和 type 必须严格匹配
WAV 兼容性最差，不能放第一位；否则浏览器尝试加载失败后，可能跳过后续 MP3/OGG 源（尤其 Safari 17+ 和 Firefox 120+）。正确顺序是：
<audio controls> <source src="song.mp3" type="audio/mpeg"> <source src="song.ogg" type="audio/ogg"> <source src="beep.wav" type="audio/wav"> 您的浏览器不支持 audio 元素。 </audio>
注意三点：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
立即学习“前端免费学习笔记（深入）”；
-
type值只能是audio/wav，不能是audio/x-wav、audio/wave或audio/pcm - WAV 文件名大小写敏感，路径必须和 HTML 文件相对一致（如
./sounds/beep.wav） - 如果只放 WAV，IE9 及更老浏览器能播，但现代移动端（iOS Safari、Android Chrome）基本不支持
怎么确认你手里的 WAV 真能用
别信文件后缀，用命令行验证编码类型：
- macOS / Linux：
file -i beep.wav→ 输出应含audio/x-wav; charset=binary且不含ADPCM或MP3 - Windows（PowerShell）：
ffprobe -v quiet -show_entries stream=codec_name -of default beep.wav→ codec_name 应为pcm_s16le或pcm_u8 - 转成标准 PCM WAV（稳妥做法）：
ffmpeg -i input.mp3 -c:a pcm_s16le -ar 44100 beep.wav
如果 ffprobe 报错或显示非 PCM 编码，这个 WAV 就没法被 audio 标签原生加载。
真正需要无损音质又兼顾兼容性？别硬扛 WAV —— 改用 FLAC（type="audio/flac"），现代浏览器支持度已超 95%，体积比 WAV 小 40%～60%，且无需 JS 就能播。WAV 唯一不可替代的场景，是你要在页面里播放一个 0.3 秒的系统提示音，且确定所有用户都用桌面 Chrome 或 Edge。
