渲染HTML5动画服务器端?

Mik*_*maa 8 audio video firefox html5 screenshot

我们正在使用HTML5 + Javascript创建动画.现在,我们想将这些动画转换为视频文件(MPEG4,或其他,无关紧要),以便浏览器挑战的人也可以看到动画.动画包含音轨.

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

有什么选择?无头X服务器+ Firefox是一种方法吗?我们最好在云中运行它(Amazon EC2).

此外,如果在以非实时速度播放动画时我们需要考虑一些特殊内容,我想听听 - 例如将HTML5音频与动画同步.

Mik*_*maa 5

只是要注意,我们已经解决了这个问题

  • 在无头服务器上运行 Firefox。具有不错显卡的服务器。

  • 使用 Selenium Python 控制脚本来启动/停止渲染

  • <canvas>自定义渲染循环,将使用 Firefox 的 XPCom API直接在编码管道中提供原始像素

  • 自定义 Javascript 渲染循环,其中时钟不是来自真实时钟,但它以稳定的帧速率(非实时)将帧切片到渲染器

这是一个相当复杂的系统,因此无法放入一个答案框中:(