如何解决在客户端js中生成视频马赛克
我正在编写一个用于创建镶嵌视频的Web应用程序,其中多个视频可以彼此并排平铺,例如虚拟会议或监视摄像机网格。我希望用户能够以视频文件的形式下载其创建内容。
我目前已经使用Node.js服务器为网站的其余部分(静态html / js)提供服务,然后通过一条路由执行ffmpeg并返回结果。但是,如果可以在客户端完成此操作,则该应用程序将易于扩展,因为我只需要提供静态文件,并且只考虑客户端即可更好地编写代码。
有人知道这样做的正确或干净的方法吗?到目前为止,我已经研究了以下方法:
- 使用ffmpeg移植到webassembly –似乎经常用于各种客户端视频编辑;但是,出于这个目的,它似乎过于杀伤和笨拙
- 将所有视频平铺在
<canvas>
中,并通过MediaStreamAPI将其输出呈现为mp4-可能是最好的方法,但记录不充分
如果我缺少明显的东西,请告诉我。我认为在进一步编写之前,我会进一步寻找最佳方法。预先感谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。