如何从 HTML 动画渲染 MP4 电影 [重复]答案

【问题标题】：How to render a MP4 movie from HTML animation [duplicate]如何从 HTML 动画渲染 MP4 电影 [重复]
【发布时间】：2016-08-22 20:04:13
【问题描述】：

基本上，我正在寻找某种方式从 HTML Canvas 或 SVG 动画中的某些动画中呈现 MP4 电影。

我不需要预览它。我只是在想，我可以提供一些文本和图像，然后代码会将这些内容渲染成动画内容。

感谢您的宝贵时间。

【问题讨论】：

你的意思是你想让我们为你编写一个真正的 mp4 编码器？！ 这对于 Stackoverflow 问题来说太大了。但你很幸运！您可以使用Whammy by antimatter15 将 Canvas 内容编码为 .WebM 视频。然后，您可以使用众多在线转换器之一将 .webm 交叉编码为 .mp4。如果您只想将动画画布屏幕抓取到开发计算机上的视频文件中，那么您可以使用SnagIt 进行视频捕获。
@markE 它现在是规范的一部分 :) （除了 mp4 格式，因为它是专有格式）
@Kaiido。 canvas.captureStream == 酷！感谢您提及它（这对我来说是新的）。 :-)
@markE 我的错，我不是那个意思。只是想知道是否可能以及是否已经存在一些解决方案。 Whammy 很酷，但我希望我能生成更高质量的东西。

【解决方案1】：

我不完全理解您的问题，但如果您想简单地包含类似 SVG 链接的内容，您可以这样做：

<img src="kiwi.svg" alt="Kiwi standing on oval">

您还应该查看 Spritely：http://spritely.net/ 可能会帮助您。

【讨论】：