行，但必须加 controls 属性，否则单元格内无播放控件；正确写法为 ，且需确保路径正确、mime 类型合规。
表格单元格里直接放 <audio></audio> 标签行不行？
行，但得加 controls 属性，否则用户看不到播放控件。默认情况下 <audio></audio> 是静默的、不可交互的，放进 <td> 里也不会自动显示按钮。常见错误是只写 <code><audio src="xxx.mp3"></audio>，结果单元格一片空白。
正确写法示例：
<td><audio controls src="sound.mp3"></audio></td>
-
controls必须显式加上，不然没 UI - 路径用相对路径时，确保 HTML 文件和音频文件位置关系正确（比如都在同一目录，或按
./assets/sound.mp3这种相对引用） - 不要在
<audio></audio>标签里嵌套文字说明（如<audio>点击播放</audio>），会被浏览器忽略——想加提示文字，得放在标签外或用title属性
怎么让多个音频在表格里互不干扰？
浏览器默认允许多个 <audio></audio> 同时播放，但用户常希望“点一个停其他”，这得手动控制。原生 HTML 不提供全局互斥逻辑，必须用 JavaScript 监听 play 事件并暂停其他实例。
实操建议：
- 给每个
<audio></audio>加唯一id或统一 class（如class="table-audio"） - 用
document.querySelectorAll('.table-audio')批量获取，再遍历调用.pause() - 注意：触发
play()前要先检查是否已加载就绪，避免DOMException: play() failed错误；可监听canplay或直接 catch 错误
移动端点击没反应？可能是自动播放策略限制
iOS Safari 和 Android Chrome 都禁止非用户手势触发的音频播放，也就是说：页面一加载就 audio.play() 会失败；但用户点一下按钮或 <audio></audio> 控件本身，是允许的。
所以别写 <audio autoplay></audio>，也别在 window.onload 里自动调 play()。只要依赖用户显式点击控件，就基本没问题。
-
autoplay在表格场景下几乎无用，且可能被浏览器静音或拦截 - 如果想预加载音频减少点击延迟，可用
preload="metadata"（只加载元数据）或preload="auto"（谨慎使用，影响首屏性能） - 某些安卓 WebView 对
preload支持不稳定，测试时务必真机验证
音频格式选 MP3 还是 WAV？兼容性怎么权衡？
MP3 兼容性最好，所有主流浏览器都支持；WAV 虽无需编码解码开销，但体积大、不压缩，加载慢，且 Safari 对某些 WAV 编码（如 24-bit）支持不一致。
推荐方案：
- 优先用 MP3（
.mp3），覆盖 iOS、Android、Chrome、Firefox、Edge - 如有高保真需求，可搭配
<source></source>提供多格式回退，例如：
<audio controls><source src="sound.mp3" type="audio/mpeg"><source src="sound.ogg" type="audio/ogg"></source></source></audio>
注意：Safari 不支持 Ogg，Firefox 对 MP3 支持良好，所以 MP3 单格式已足够日常使用。加 Ogg 主要是照顾老版本 Firefox，现在基本没必要。
真正容易被忽略的是 MIME 类型配置——如果服务器返回的 Content-Type 不是 audio/mpeg（MP3）或 audio/wav（WAV），部分浏览器会拒绝加载。查 Network 面板确认响应头是否正确，比反复改 HTML 更有效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
