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

检查这个 github 存储库，我认为它正是这样做的： https ://github.com/spite/ccapture.js/