Canvas 如何将fabricJS画布导出为mp4等视频格式并带有声音？

我正在尝试使用fabricJS创建一个应用程序，它允许用户在画布上添加视频和一些文本。在画布上添加视频和文本之前，我已经做到了这一点。但我不知道如何将画布导出为mp4格式

预期的输出是这样的，视频在后台播放，视频上有一个特定位置的文本

是否有任何解决方案可以帮助我实现这一目标

画布上添加了一个视频，我想导出这个画布，包括视频的声音

下面是片段

$（文档）.ready（函数（）{
canvas=newfabric.canvas（'c'）；
画布设置宽度（480）；
画布。设置高度（360）；
var video1El=document.getElementById（'video1'）；
var video1=新结构图像（video1El{
左:0,，
排名：0
});
canvas.add（video1）；
video1El.load（）；
$（document.body）.on（'单击'，'播放'，函数（））{
var iText=new fabric.iText（“示例文本”{
填充：“红色”，
尺寸：60，
左:10,，
前10名
})
canvas.add（iText）；
video1El.play（）；
});
$（document.body）.on（'click'，'#exportvideo'，function（）{
//将画布导出为视频的代码
});
fabric.util.requestAnimFrame（函数render（））{
canvas.renderAll（）；
fabric.util.requestAnimFrame（渲染）；
});
});

玩
导出为视频
快速阅读会有很大帮助

您必须一帧一帧地捕获大量图片，然后将它们粘回视频中。

您还必须将源视频的原始音轨添加到新视频中

一些可能帮助您解决问题的搜索结果：

谢谢你的回答，但我已经在画布上添加了一个带有声音的视频，我想将其与声音一起导出。你能找到任何解决方案吗？请在这里解释。我正在制作一个应用程序，并被困在这里@Umesh Patadiya