如何将浏览器内容录制到视频中？

Question

如何记录浏览器呈现的内容？

我想使用HTML，CSS和Javascript创建动画/插图视频。但是，我想将浏览器中发生的事情呈现为具有恒定帧速率（例如30）的视频（mp4，avi，mkv，...），但仅限于内容区域，而不是整个桌面，也不是浏览器菜单/滚动条。

此处不关注音频。此外，动画不是交互式的。

最简单的方法是什么？是否有一个命令行工具可以逐帧渲染动态页面到一组图像，理想情况下我可以指定我想渲染的时间窗口（例如从00:01:23到00:03:45）？使用屏幕/窗口捕获工具和全屏浏览器以及视频剪切工具？

理想情况下，该解决方案适用于Linux，但其他操作系统也可以。

Answer 1

最后，我在Ubuntu机器上将屏幕分辨率设置为1920x1080，使用全屏Firefox（F11键）显示动画，并使用自定义构建的ffmpeg来记录整个屏幕。