Three.js：如何将场景转换为MPG4视频？

Question

我有一个three.js场景：

var scene = new THREE.Scene();

场景包含许多动画对象。我的目标是将动画导出为mpg4视频。

我的问题：

1. 如何导出场景以获取mpg4视频？
2. 我应该在客户端还是在服务器端进行导出？

编辑：

我需要它在网站或基于Java的服务器上运行。请不要使用浏览器扩展程序。

Answer 1

您可以使用此Chrome扩展程序记录<canvas>：

https://chrome.google.com/webstore/detail/rendercan/enlfmgpmfaibbeoelliknejffljklemg

这将生成包含所有帧的压缩文件。如果该文件未压缩，您可以使用ffmpeg将所有帧组合在一个视频中，如下所示：

ffmpeg -r 60 -i canvas-%09d.png out.mp4

如果命令行路线吓倒了你，我认为After Effects或类似版本允许你这样做。

Answer 2

实现所需功能的最佳方法是使用https://github.com/tungs/timecut，即使该解决方案并不完美，它也会以JPG或PNG格式记录每个帧，然后使用ffmpeg来合并所有单个视频中的帧。