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将所有帧合并为一个视频。