HTML Canvas帧到mp4

Question

保存html画布的内容可以通过调用元素的toDataURL()方法来完成，这会将其保存为以base64编码的png文件。是否有可能以某种方式将这些base64 png图像中的多个合并为base64 mp4视频？它不一定是mp4，只要它是一个视频。

Answer 1

好问题，您可以使用pixi.js或BabylonJS或类似的东西来创建炫酷的标题序列或数据动画。

据我所知，HTML5和JavaScript中没有对mpeg或mp4输出的内置支持。但是在github上有这个库ccapture.js，虽然我还没有尝试过。描述说它不会实时渲染输出，这意味着你甚至可以在没有跳过帧的情况下做更复杂/ cpu重的动画。