MediaRecorder报错“Failed to execute 'start'”主因是传入的非有效MediaStream或流中无启用轨道；需确认getUserMedia成功、stream为MediaStream实例、音频轨道enabled且非muted，并注意Safari等浏览器对流活跃性及MIME类型的支持限制。
HTML 录音本身不直接“解决”媒体流问题，它依赖且受限于 MediaStream —— 你得先拿到合法、可用的媒体流，录音才可能开始。
为什么 MediaRecorder 总是报 “Failed to execute 'start' on 'MediaRecorder'”
这是最常见卡点：你传给 MediaRecorder 的不是有效 MediaStream，或流里没有启用轨道。
- 检查是否调用
navigator.mediaDevices.getUserMedia()成功，并显式 await 或处理 Promise 拒绝（比如用户拒权后返回NotAllowedError） - 确认传入
new MediaRecorder(stream)的stream是MediaStream实例（console.log(stream.constructor.name)验证），不是MediaStreamTrack或undefined - 某些浏览器（如 Safari 16.4+）要求音频轨道必须有实际数据才能启动录制；静音环境或未触发音频输入设备可能导致
start()失败 - 若使用
canvas.captureStream()或audioContext.createMediaStreamDestination()生成流，需确保目标源已开始播放/处理，否则流内无活跃轨道
MediaRecorder 录出来的 blob 为什么没声音？
音频轨道被静音、禁用，或编码器未选对音频 MIME 类型。
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 检查
stream.getAudioTracks()返回数组长度是否 > 0，再查track.enabled === true且track.muted === false - 避免硬写
audio/webm：Safari 不支持 WebM 音频，必须用audio/mp4或audio/mpeg；可用MediaRecorder.isTypeSupported('audio/mp4')动态判断 - Chrome 对
audio/webm;codecs=opus支持稳定，但若后端只认 MP3，前端录完还得转码（ffmpeg.wasm或服务端转） - 注意：即使流含视频轨道，
MediaRecorder默认只录启用的轨道；如只需音频，建议创建纯音频流：getUserMedia({ audio: true })
想边播边录（比如录下 WebRTC 远程流或 <audio></audio> 播放内容），怎么拿流？
不能直接从 <audio></audio> 元素取流，得走 AudioContext 中转 —— 这是唯一跨浏览器可行路径。
立即学习“前端免费学习笔记（深入）”；
- 用
audioElement.captureStream()（Chrome/Firefox 支持，Safari 仅部分版本支持且需用户交互后）；失败时 fallback 到AudioContext方案 -
AudioContext方案：创建MediaStreamAudioSourceNode→ 接MediaStreamDestination→ 从destination.stream录制；注意该流不含视频，且延迟略高（约 10–50ms） - WebRTC 远程流（
peerConnection.getReceivers()[0].track）可直接传给MediaRecorder，但需等track.readyState === 'live'且track.enabled = true - 别试图用
canvas.getContext('2d').getImageData()+AudioContext同步采样来“模拟”音画同步 —— 时间戳不可靠，极易脱节
真正麻烦的从来不是“怎么录”，而是“录什么流”和“谁在控制流”。权限、轨道生命周期、编码兼容性、跨源限制（比如 iframe 嵌入的 <audio></audio> 无法 captureStream）、甚至系统级麦克风独占策略，都会让看似简单的 MediaRecorder.start() 突然失效。动手前先 console.log(stream.getTracks())，比查文档快得多。
