用javascript屏幕记录覆盖人脸，然后保存？

我正在用JavaScript制作一个屏幕记录器。我得到了迄今为止我所没有的密码

有没有办法录制人脸，然后将用户人脸的视频与屏幕录制重叠，并将其保存在.webm文件中？ 我在帖子中找到的完整代码如下：

const start=document.getElementById（“开始”）；
const stop=document.getElementById（“stop”）；
const video=document.querySelector（“视频”）；
让录音机，流；
异步函数startRecording（）{
stream=Wait navigator.mediaDevices.getDisplayMedia({
视频：{mediaSource:“屏幕”}
});
记录器=新的媒体记录器（流）；
常量块=[]；
recorder.ondataavailable=e=>chunks.push（e.data）；
recorder.onstop=e=>{
const completeBlob=new Blob（chunks，{type:chunks[0].type}）；
video.src=URL.createObjectURL（completeBlob）；
};
recorder.start（）；
}
start.addEventListener（“单击”，（）=>{
start.setAttribute（“已禁用”，true）；
停止。删除属性（“禁用”）；
startRecording（）；
});
stop.addEventListener（“单击”，（）=>{
setAttribute（“禁用”，true）；
start.removeAttribute（“已禁用”）；
录音机。停止（）；
stream.getVideoTracks（）[0]。停止（）；
});您可以录制网络摄像头镜头（示例），并沿相同的线路录制屏幕镜头。我认为，如何将它们结合起来更为棘手。最简单的方法是将单独的提要作为两个不同的文件下载，并将它们与
ffmpeg
或任何视频编辑器组合。否则，您可能会玩画布（比如），或者某个第三方Javascript库已经为您完成了这项工作。
您如何看待这项工作？用户的脸在角落里？或者用户的背景被剥离出来，换成他们的桌面？用户的脸在角落里。