“如何实施”；屏幕录制“；在我的Twilio视频通话应用程序中？

我在前端使用React，在后端使用NodeJS，我遵循下面提到的Repo在我的应用程序中实现视频通话和屏幕共享

这是用于屏幕共享的文档，但没有这样做的示例。

我被卡住了，不知道从哪里开始。

---

任何帮助都将不胜感激。

我尝试使用Twilio提供的屏幕录制功能，但发现合成API很难使用

这是我添加到视频应用程序以实现屏幕录制的代码片段

异步函数StartRecording（）{
试一试{
stream=Wait navigator.mediaDevices.getDisplayMedia({
视频：{mediaSource:“屏幕”}，
});
记录器=新的媒体记录器（流）；
常量块=[]；
recorder.ondataavailable=（e）=>chunks.push（e.data）；
recorder.onstop=（e）=>{
setIsRecord（假）；
const completeBlob=new Blob（chunks，{type:chunks[0].type}）；
const fileReader=new fileReader（）；
fileReader.onload=函数（e）{
设anchor=document.createElement（“a”）；
anchor.href=e.target.result；
anchor.download=`video-${new Date（）}`；
anchor.click（）；
};
readAsDataURL（completeBlob）；
};
recorder.start（）；
}捕捉（错误）{
控制台日志（err）；
setIsRecord（假）；
}
}
函数StopRecording（）{
录音机。停止（）；
stream.getVideoTracks（）[0]。停止（）；
}

setIsRecord（！isRecord）}>
{！以色列记录(
开始记录

) : (
停止记录

)}

---

请随意留下评论，这样我就可以改进这个答案了。编辑：我添加了一个定制的Vanilla JS脚本，并成功地添加了客户端屏幕录制和保存。我补充了这一点，作为对这个问题的回答。