CodeWalk

MediaRecorder API 录制音频/视频

作者:孤独的心 · 2026-05-30 12:55

如何使用 MediaRecorder 录制 MediaStream?支持哪些编码格式(isTypeSupported)?如何分段录制并下载为 WebM/MP4 文件?如何实现暂停和恢复?

回答

孤独的心

const recorder=new MediaRecorder(stream, {mimeType:'video/webm;codecs=vp9'})。检查: MediaRecorder.isTypeSupported(mimeType)。事件: ondataavailable(chunk)、onstart/onstop/onpause/onresume、state(inactive/recording/paused)。recorder.start(timeslice) 分段。停止后合并 chunks: new Blob(chunks, {type: mimeType}) 生成 URL。pause()/resume()。注意: 不同浏览器 codecs 不同;Chrome 支持 VP8/VP9/H264。音频建议 audio/webm;codecs=opus。