04 | 可以把采集到的音视频数据录制下来吗？

示例代码 var buffer; // 创建录制对象 var mediaRecorder; // 当该函数被触发后，将数据压入到 blob 中 function handleDataAvailable(e){ if(e && e.data && e.data.size > 0){ buffer.push(e.data); } } function startRecord(){ // 防止多次启动报错 if(mediaRecorder && mediaRecorder.state === "recording"){ return; } buffer = []; // 设置录制下来的多媒体格式 var options = { mimeType: 'video/webm;codecs=vp8' } // 判断浏览器是否支持录制 if(!MediaRecorder.isTypeSupported(options.mimeType)){ console.error(`${options.mimeType} is not supported!`); return; } try{ mediaRecorder = new MediaRecorder(videoplay.srcObject, options); }catch(e){ console.error('Failed to create MediaRecorder:', e); return; } // 当有音视频数据来了之后触发该事件 mediaRecorder.ondataavailable = handleDataAvailable; // 开始录制 mediaRecorder.start(10); } function startRecplay(){ console.log(mediaRecorder) var blob = new Blob(buffer, {type: 'video/webm'}); recvideo.src = window.URL.createObjectURL(blob); recvideo.srcObject = null; recvideo.controls = true; recvideo.play(); } function download(){ var blob = new Blob(buffer, {type: 'video/webm'}); var url = window.URL.createObjectURL(blob); var a = document.createElement('a'); a.href = url; a.style.display = 'none'; a.download = 'aaa.webm'; a.click(); a.remove(); } function stop(){ if(mediaRecorder && (mediaRecorder.state === "recording" || mediaRecorder.state === "paused")){ mediaRecorder.stop(); } }

React版示例代码： https://github.com/baayso/react-tic-tac-toe/commits/master/src/components/Video/Video.js

交作业 https://codepen.io/htkar/pen/OKMbzV

在浏览器里使用了录制，录制本地视频是正常的，可是录制远程视频却只录制了声音，视频只有一帧静态图不知道为什么😣希望老师看到能解答一下

录下来的数据推到了buffer中，这个buffer有什么限制？最大能录多大数据量的数据？时间长了，会不会出现异常，或者让浏览器甚至机器变慢的问题？

老师，在谷歌浏览器点击下载，不出现保存窗口，直接下载。这是为什么？

从产品的角度来讲， 应该是设置保存路径，开始录制，结束录制这么操作。 但是看老师介绍的是要点击保存，就将当前blob的内容保存下来， 真实场景中，要录制很长时间，内存肯定是放不下吧，所以有点困惑，录制开始后是写到磁盘了，还是保存在内存中呢？

github 里的代码可以运行么？ 关于这讲，推荐看看这个 https://cloud.tencent.com/developer/article/1366886 里的MediaRecorder使用示例 - 摄像头版，或者直接打开 https://wendychengc.github.io/media-recorder-video-canvas/cameracanvas.html，看看源文件的相关代码即可。

老师，想请问一下录制桌面具体是什么操作

假如多人实时直播，可以把多路视频保存到一个MP4文件用，那这个视频要怎么合并呢？假如每一路都是10分钟，要怎么让合并的视频也是10分钟呢？音频可以混音，那么视频呢？