HTML录音必须依赖MediaRecorder API和用户麦克风授权，非安全上下文（如file://）直接报错；需检查权限状态而非仅try/catch；指定兼容MIME类型并合理设置timeslice，否则blob可能为空或无法播放。
HTML 本身不能录音，必须靠 JavaScript 调用 MediaRecorder API，且依赖用户授权麦克风权限 —— 没有后端配合、没处理权限拒绝、没兼容旧浏览器，点一下就报错或静音。
为什么 MediaRecorder 在本地文件里直接双击打不开就失败？
因为 MediaRecorder 要求页面运行在安全上下文（https:// 或 localhost），非 HTTPS 的 http://127.0.0.1:8080 可以，但直接打开 file:///xxx/index.html 会触发 NotAllowedError: Permission denied。
- 开发时用
python3 -m http.server 8000或 VS Code Live Server 插件起本地服务 - Chrome 对
file://协议彻底禁用navigator.mediaDevices.getUserMedia - 即使加了
--unsafely-treat-insecure-origin-as-secure启动参数，也不能保证MediaRecorder正常工作
调用 getUserMedia 前必须检查权限状态
直接 await navigator.mediaDevices.getUserMedia({ audio: true }) 会卡死或抛异常，尤其在用户之前点过“拒绝”后，再调用会立刻 reject，且不弹新提示。
- 先查状态：
const permission = await navigator.permissions.query({ name: 'microphone' }) -
permission.state可能是'granted'、'denied'或'prompt' - 如果是
denied，getUserMedia必定失败，得引导用户去系统设置手动开启 - 别用
try/catch代替状态检查 ——denied状态下 catch 到的错误无法恢复
MediaRecorder 录音后生成的 Blob 为什么播放没声音？
常见原因是 MIME 类型不匹配或编码不被支持。Chrome 默认用 audio/webm（含 Opus），Firefox 也支持，但 Safari 直到 iOS 16.4 / macOS 13.3 才支持 MediaRecorder，且只认 audio/mp4（需后端转码）。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 创建时显式指定类型：
new MediaRecorder(stream, { mimeType: 'audio/webm;codecs=opus' }) - 别依赖
MediaRecorder.isTypeSupported('audio/mp4')返回 true 就以为能录 —— Safari 支持查询但不支持录制 mp4 - 录完用
URL.createObjectURL(blob)播放前，确认blob.type是浏览器能解码的格式 - 移动端某些安卓 WebView（比如微信内置）完全不支持
MediaRecorder，得降级用Web Audio API + ScriptProcessorNode（已废弃）或AudioWorklet
停止录音后，ondataavailable 拿到的 event.data 为空 Blob 怎么办？
这是最常踩的坑：没在 start() 后主动触发数据收集，或 stop() 调得太快，导致还没来得及产出第一个 chunk。
- 确保
mediaRecorder.start(1000)设置了 timeslice（毫秒），否则只在stop()时吐一次 data - 监听
dataavailable事件，把每个event.data推进数组：chunks.push(event.data) - 别在
stop()后立刻合并：new Blob(chunks, { type: chunks[0]?.type })，要等onstop事件触发后再处理 - 如果用
timeslice: 0，必须靠requestData()主动拉取，否则可能漏数据
真正难的不是写那十几行代码，而是判断当前环境是否支持、用户是否给过权限、录出来的 blob 能不能被目标设备播放 —— 这些没法靠一个 if 解决，得逐层 fallback 和提示。
