如何将 HTML/CSS 动画直接保存到视频文件 (AVI)？

Question

没有屏幕录像机，是否可以直接导出、渲染或保存 HTML CSS 动画到视频文件？我也知道 html 文档中的 SVG 也可能是这样一个过程的一部分。

我尝试在线搜索解决方案，但我只得到“将 After Effects 导出到 CSS...”。好像没有答案。当然，如果您的浏览器可以呈现它，那么一定有一些代码可以导出它..？

理想情况下，id 编写一些divs 和一些 css 动画代码，看看它在 Chrome 上的外观，然后也许单击一个按钮并导出浏览器呈现的小片段。可以是扩展名或任何东西。

非常感谢。

Answer 1

有一个很好的扩展，您可以从网站创建截屏并将其导出为 AVI，位于https://screencast-o-matic.com/tutorial/save-as-a-video-file

问题是，如果不录制屏幕，您将无法实现这一目标。

我假设您可以复制代码并将其传递给视频编辑专家，他们会根据您想要的动画创建模拟，他们可能会在 Adob​​e After Effects 或其他视频软件中执行此操作，但这就像昂贵的解决方案。

Fiverr 可能有一些自由职业者可以做到这一点。