能，但需显式添加controls属性，否则默认不显示控件；音频路径以HTML文件所在目录为基准；多音频需JS手动暂停其他实例；移动端首次播放须用户手势触发；格式推荐MP3以保障兼容性。
表格单元格里放 <audio> 标签能直接工作吗？
能，但默认不显示控件，用户点不着、听不见。HTML 表格本身不限制嵌入 <audio>，问题出在默认 controls 属性没加，且部分浏览器（如 Safari）对自动播放限制严格。
- 必须显式写
controls属性，否则只有静音图标或空白占位 -
<audio>放在<td>或<th>内完全合法，无需额外 wrapper - 避免用
autoplay：多数现代浏览器会拦截，尤其在非用户手势触发上下文中（比如页面加载时） - 路径建议用相对路径或绝对 URL；本地文件协议（
file://）下 Chrome 可能拒绝加载音频
<audio> 的 src 是相对路径时，怎么算“当前目录”？
以 HTML 文件所在目录为基准，不是表格所在行或列的位置。比如 index.html 在 /project/ 下，<audio src="media/song.mp3"> 就找 /project/media/song.mp3。
- 不要写成
src="./media/song.mp3"或src="media/song.mp3"—— 两者等效，但前者易被误认为需要特殊处理 - 如果音频在子目录，路径里不能含空格或中文；URL 编码（如
%20）虽可解析，但易出错，建议用英文下划线命名 - 测试时右键音频控件 → “检查元素”，看 Network 面板里请求的 URL 是否 404
多个音频共存时，怎样避免点击一个就暂停另一个？
浏览器默认不会自动暂停其他 <audio>，但这是常见需求，得手动控制。没有原生属性能一键实现，必须用 JS 监听 play 事件并暂停别的实例。
Html To Pdf
下载
使用 Puppeteer + Chrome 将 HTML 渲染为中文 PDF，自动处理图表等待、Tab 展开、动画、测高、白边消除、防分页，适用于看板、报表、网页和交互图表转 PDF。
- 给每个
<audio>加唯一id，比如<audio id="audio-001" controls> - 用
document.querySelectorAll('audio')拿到全部，遍历调用.pause()，再对当前目标调用.play() - 注意：
play()可能返回 Promise，需.catch(e => console.warn('play failed:', e))处理拒绝（比如被策略阻止） - 别绑定在
click上——控件按钮本身已响应，应监听play事件更可靠
移动端点击没反应？常见兼容性陷阱
iOS Safari 和 Android Chrome 对音频交互有硬性要求：首次播放必须由用户真实手势（tap/click）触发，且不能在异步回调里调用 play()（比如 setTimeout 或 AJAX 成功后）。
立即学习“前端免费学习笔记（深入）”；
- 确保
<audio>控件在 DOM 加载完成后已存在，不要动态插入后再尝试play() - 不要用
onload或DOMContentLoaded自动播放；哪怕只播 1ms，也得等用户点一次控件或自定义按钮 - Android 上部分 WebView（如微信内置）禁用
<audio>自动播放，且不触发canplay事件，建议加 fallback 提示文字 - 控件尺寸小的话，iOS 上点击区域可能不灵敏，加
style="min-width: 120px;"保证可点
最麻烦的其实是音频格式兼容性：.mp3 最稳妥，.wav 体积大，.ogg 在 Safari 不支持——别图省事全塞一种格式。
