在服务器端渲染 HTML5 动画？答案

【问题标题】：Rendering HTML5 animation server-side?在服务器端渲染 HTML5 动画？
【发布时间】：2011-08-13 22:24:03
【问题描述】：

我们正在使用 HTML5 + Javascript 创建动画。现在，我们希望将这些动画转换为视频文件（MPEG4 或其他格式都无所谓），以便浏览器挑战的人也可以看到这些动画。动画包含音轨。

我们正在寻找可以在服务器端呈现和记录 HTML 页面的解决方案。我知道已经存在用于呈现网页缩略图等静态图像的工具。但是，在我们的用例中，我们应该输出一个视频文件。

有哪些选择？无头 X 服务器 + Firefox 是否可行？我们最好在云（Amazon EC2）中运行它。

此外，如果我们在以非实时速度播放动画时需要考虑一些特别的事情，我想听听 - 例如将 HTML5 音频与动画同步。

【问题讨论】：

Hii Mikko，我有一个网络应用程序，用户可以在其中创建动画，我想在服务器端将这些动画渲染为视频，你能提供你的回购或任何解决我的问题的方法吗？到目前为止我一直在苦苦挣扎，谢谢

【解决方案1】：

听起来很有趣。我对需要运行无头 X 服务器的 QtWebKit 库做了类似的事情。我正在做的是将网页大规模转换为 PDF。搜索一些 webkit2pdf 工具以查看可以构建的示例可能是有意义的。

我会看一下库并将其与另一个录制解决方案结合起来。

【讨论】：

【解决方案2】：

根据您的动画，可能有效的一件事是创建一个动画 gif。将足够多的动画静止图像串在一起，您应该能够使用正确的软件将它们变成视频。这是一个相当蛮力的解决方案，但如果你能以“逐帧”的方式推进你的动画，它可能会奏效。

【讨论】：

【解决方案3】：

请注意，我们已经解决了这个问题

相当复杂的系统，所以不适合一个答案框:(

【讨论】：

【解决方案4】：

在工具方面，我对这些 Ruby 工具的体验相当不错：

我不知道他们如何处理音频

【讨论】：