表格中<audio>无播放器的最常见原因是缺失controls属性；需添加controls才能显示默认UI，否则须用JS手动实现全部交互逻辑。

直接往 <td> 或 <th> 里塞 <audio> 标签就能用，但 90% 的“没反应”问题都出在漏了 controls 属性或路径/服务端配置不对。

为什么表格里放了 <audio> 却看不到播放器？

最常见原因是没加 controls —— 它是布尔属性，写了才渲染按钮和进度条；不写就是隐形的，哪怕音频已加载成功，用户也点不了。

• controls 不是可选装饰，是交互刚需；去掉它等于放弃默认 UI，必须自己用 JS 补全所有逻辑（play/pause/volume/seek）
• 如果用了 autoplay 却没加 muted，Chrome/Safari 会静音拦截，甚至不触发加载
• 检查浏览器开发者工具的 Network 面板：音频请求状态码是不是 404？Content-Type 是不是 audio/mpeg 或 audio/ogg？本地 file:// 路径在网页中一律无效

怎么写才能兼容 Chrome、Firefox、Safari 和移动端？

单靠一个 .mp3 文件必然翻车：Firefox 默认不支持 MP3，iOS Safari 对 type 声明敏感，Android Chrome 可能跳过无 type 的 <source>。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

• 必须用 <source> 多格式兜底，推荐组合：<source src="a.mp3" type="audio/mpeg"> + <source src="a.ogg" type="audio/ogg">
• type 属性不能省，否则 Safari 可能忽略整个 <source> 块
• 服务器必须返回正确 MIME 类型；Python http.server、GitHub Pages 默认不设，需手动配或换静态服务（如 serve、Vite）
• 备用文本（如“您的浏览器不支持音频”）要写在 <audio> 内部，不是注释里

多个音频单元格，怎么避免 JS 播放失败？

每个 <audio> 都是独立实例，play() 失败几乎全是浏览器策略限制，不是代码 bug。

立即学习“前端免费学习笔记（深入）”；

• 调用 audio.play() 必须由用户手势（click、touchstart）触发，不能放在 DOMContentLoaded 或 setTimeout 里
• iOS Safari 更苛刻：首次播放必须带 muted=true，成功后才能设 audio.muted = false，否则直接拒绝 Promise
• src 动态改完要显式调 audio.load()，否则可能沿用旧缓冲，play() 无响应
• 监听 error 事件比只 catch play().catch() 更可靠，能捕获网络失败、解码失败等

真正麻烦的不是怎么写标签，而是路径对不对、服务端配没配 MIME、移动端有没有用户手势上下文——这些地方一错，HTML 写得再标准也没用。