HTML Canvas 帧到 mp4

Question

可以通过调用元素的

toDataURL()

方法来保存html画布的内容，这会将其保存为以base64编码的png文件。是否有可能以某种方式将多个这些 Base64 png 图像合并到一个 Base64 mp4 视频中？它不一定是 mp4，只要它是视频即可。

Answer 1

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

据我所知，HTML5 和 JavaScript 中没有对 mpeg 或 mp4 输出的内置支持。然而，github上有这个库ccapture.js，尽管我还没有尝试过。描述说它不会实时渲染输出，因此这意味着您甚至可以在不跳帧的情况下执行更复杂/占用大量 CPU 的动画。

Answer 2

试试这个mp4复用器

这个问题已经问了太久了，但希望它能帮助有需要的人

演示