我正在一个Web项目中，用户选择一个移动模型的设计并保存一些聊天对话。 作为输出，应用程序应该提供之前保存的聊天的高质量视频（至少为1080p），以便看起来像捕获了真正的聊天对话。
到目前为止，我正在HTML5 Canvas上绘制模型和对话，并使用canvas.captureStream（）方法进行记录。
它最多可以录制1280像素宽的画布，但是当我尝试增加它以实现1080p视频时。画布动画会变慢，并且浏览器有时会停止工作。 我已经完成了如何优化画布以及所有对我有帮助的事情的工作。
看起来像画布已经无法为我工作，所以有什么方法可以记录DOM并将其呈现为视频。
我正在使用canvas的captureStream方法
const stream = canvas.captureStream();
和mediaRecorder捕获它。
let options = {mimeType: 'video/webm'};
let mediaRecorder = new MediaRecorder(stream, options);
我希望能获得一种高质量记录DOM视频的方法。这样我就可以使用javascript进行聊天，并记录下来以实现输出。