如何直接将HTML/CSS动画保存为视频文件（AVI）？

Question

6

没有屏幕录制器，可以直接将HTML CSS动画导出、渲染或保存为视频文件吗？我也知道在HTML文档中的SVG也可以是这个过程的一部分。

我尝试在网上搜索解决方案，但只得到了“导出After Effects到CSS...”的结果。看起来好像没有答案。如果您的浏览器可以呈现它，肯定有一些代码能够将其导出，对吧？

理想情况下，我会编写一些

和一些CSS动画代码，查看它在Chrome上的外观，然后可能单击一个按钮并导出浏览器呈现的小剪辑。可以是扩展或任何其他东西。

非常感谢。

- torresjrjr

你有没有找到解决方案？ - John

请提供上述情况的示例。 - Deep Dhillon

类似的问题有一些答案：https://superuser.com/questions/434649/how-to-take-a-css-animation-from-a-browser-and-export-a-gif-of-it - mattumotu

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- David Salomon · Answer 1

有一个很好的扩展程序，可以从网站创建屏幕录制并将其导出为AVI格式，在https://screencast-o-matic.com/tutorial/save-as-a-video-file上。

问题是如果不录制屏幕，你就无法实现这一点。

我假设您可以复制代码并将其传递给视频编辑专家，他们将从您想要的动画中创建模拟，他们可以在Adobe After Effects或其他视频软件中完成，但那是昂贵的解决方案。

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