audio标签没声音，先查src路径是否正确及是否使用file://协议；需改用HTTP服务、确保大小写一致、避免空格中文，并用提供MP3+OGG双格式回退且type必须为audio/mpeg/audio/ogg。
audio 标签没声音，先查 src 路径和协议问题
本地双击 HTML 文件（file:// 协议）时，Chrome、Firefox 会直接拒绝加载音频，控制台可能静默失败，Network 面板显示 net::ERR_FAILED 或 404。这不是代码写错了，是浏览器策略卡死。
- 路径必须是相对路径（如
"./audio/intro.mp3"）或绝对 URL（如"https://cdn.example.com/sound.ogg"），不能只写"intro.mp3" - 文件名大小写要完全一致：Linux/macOS 服务器上
"Intro.MP3"和"intro.mp3"是两个文件 - 空格和中文路径容易被编码异常，改用
bg_music.mp3这类纯英文下划线命名 - 开发阶段务必用
python3 -m http.server启一个本地 HTTP 服务，而不是双击打开
autoplay 不生效？不是 bug，是浏览器强制拦截
写了 autoplay 却没声音，大概率是因为现代浏览器（Chrome、Edge、Safari、Firefox）自 2017 年起就禁止“有声自动播放”，除非用户已与页面发生交互。
-
autoplay属性本身不保证播放，它只是“申请权限”，最终由浏览器决定是否放行 - 想静音自动播？加
muted属性即可，但你听不到——这正是很多人误以为“没声音”的原因 - 想有声自动播？必须等用户第一次点击/触摸后，再调用
play()，否则会抛出NotAllowedError - 别在
DOMContentLoaded或window.onload里调play()，这些不算用户交互
格式兼容性差，导致部分浏览器根本解码失败
只放一个 .mp3 文件，等于主动放弃 Firefox 用户；只放 .ogg，iOS Safari 可能直接不认。不是文件坏了，是浏览器不支持。
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 必须用
-
type值不能错："audio/mp3"是无效 MIME，必须写"audio/mpeg"（MP3）、"audio/ogg"（OGG） - Firefox 默认不支持 MP3；Safari 对 AAC 更友好但需服务端配
audio/aacMIME；入门推荐 MP3 + OGG 组合 - Ogg 文件可用
ffmpeg -i input.mp3 -c:a libvorbis output.ogg转换，免费且兼容性好
JavaScript 调用 play() 失败却不报错？记得 catch Promise
audio.play() 返回 Promise，失败时不会触发传统错误，而是 reject。不捕获的话，控制台可能一片空白，但就是没声音。
- 必须写
audio.play().catch(e => console.warn('播放失败:', e))，否则连错误类型都看不到 - 移动端 iOS Safari 对交互要求更严：优先用
touchstart替代click，且volume属性设了也无效，只能依赖系统音量 - 某些安卓 WebView 或微信内置浏览器会忽略
volume设置，需提示用户手动调高设备音量 - 检查
audio.paused状态：如果play()后仍是true，说明调用被拒或未加载完成
Chrome 地址栏右侧那个小喇叭图标，被划掉就代表当前页面被静音——这个细节最容易被忽略，但它比改代码快十倍。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
