HTML audio没声音最常见原因是src路径错误导致404；其次为浏览器自动播放策略限制，需用户交互后调用play()；再者是AudioContext被挂起需唤醒；最后是格式兼容性问题，应提供多格式fallback。
HTML audio 标签本身没有“兼容性问题”，真正出问题的是浏览器解码器、服务器 MIME 配置、路径解析和自动播放策略——这四者共同决定“能不能播”，而不是标签写得对不对。
为什么 audio 标签写了却没声音
最常见原因不是代码写错，而是资源根本没加载成功：
- Network 面板里对应
src请求是 404 或 500，但控制台不报错，audio就静默失败 - 本地双击打开 HTML（
file://协议）时，Chrome/Safari 直接禁用音频自动播放，且部分 MP3 解码器不启用 -
src路径含中文或空格，未做 URL 编码（如"./音频/提示.mp3"应改为"./%E9%9F%B3%E9%A2%91/%E6%8F%90%E7%A4%BA.mp3"） - 后端返回临时链接带过期参数（如
?t=1745134140&sig=xxx），前端没校验就塞进src，导致首次加载即失效
canPlayType() 返回 "probably" 也不代表真能播
这个方法只检测浏览器“声明支持”的格式，不验证文件实际可解码性：
-
new Audio().canPlayType('audio/mpeg')在 Firefox Linux 版返回"probably"，但若系统没装gstreamer1-libav，仍会跳过 MP3 源 -
type="audio/mp3"是错的 MIME，必须写audio/mpeg，否则 Safari 直接忽略该<source></source> -
.m4a文件若封装的是 ALAC（无损）而非 AAC（有损），canPlayType('audio/mp4; codecs="aac"')会返回""，即使后缀是.m4a - 别用它动态插入
<source></source>—— fallback 机制靠顺序匹配，静态写死更稳
服务器 MIME 类型配错，比 JS 写错还致命
哪怕 <source src="a.mp3" type="audio/mpeg"></source> 完全正确，只要响应头 Content-Type 不是 audio/mpeg，浏览器就会跳过该源：
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
立即学习“前端免费学习笔记（深入）”；
- Nginx 需显式加：
types { audio/mpeg mp3; audio/mp4 m4a; audio/ogg ogg; } - Apache 要用
AddType audio/mpeg .mp3，不能只靠mod_mime自动推断 - Python
http.server默认不设 MIME，本地开发必须换live-server或serve - 错误典型表现：
DOMException: The element has no supported sources，但 Network 面板里请求是 200，容易误判为前端问题
play() 失败不是因为没写 autoplay，而是没过策略关
现代浏览器（Chrome 120+、Safari 17+、Firefox 125+）全部要求用户手势触发有声播放：
-
audio.play()返回 Promise，必须.catch(e => console.warn(e.name))，常见e.name有："NotAllowedError"（无交互）、"NotSupportedError"（格式不支持）、"AbortError"（加载中断） - iOS Safari 要求事件必须是
touchend（不是touchstart或click）才算有效手势上下文 - 加了
muted后play()可能成功，但后续 JS 改volume = 1会立刻被 Safari 暂停 -
preload="auto"在移动端基本无效，iOS Safari 强制降级为metadata，别依赖它提前缓冲
真正难处理的从来不是“怎么写”，而是“怎么让不同设备上的不同浏览器，在不同网络和系统环境下，都拿到能解码的文件、走对的加载路径、并在正确时机调起播放”。MIME 错一个字、路径少个斜杠、muted 漏写、甚至服务端缓存头设成 no-cache 导致音频重定向失败——这些细节卡住，audio 就永远静音。
