[pzagor2]

I'm also working on solving a similar problem - how to export web animations to mp4 videos.

I'm building an API that takes any URL, and using Headless Chrome; I record a screen and export the video to mp4. I would appreciate any feedback if you would find something like this useful.

[emarsden]

That would be useful, in particular if it can record at higher frame rates than when recording the screen. There are some solutions such as timecut* for rendering Javascript animations at high frame rates by manipulating the timer, but none that I know of concerning CSS animations.

* https://github.com/tungs/timecut

[rijoja]

Interesting problem it does however give me a "I have a solution please give me a problem" vibe. What use cases are you trying to solve here?

[jacobush]

High quality archival of web pages for the long term.

Who knows how difficult it will be to get them to render properly in X years to come, even the webpages themselves were stored. Imagine having for instance every archive.org link complemented with a video of each URL, scrolling down the web page to document what it actually looked like then, complete with ads and everything.

[pzagor2]

My initial idea comes from converting html5 banner ads to videos. This way, you could reuse them on platforms with video ads. Or you could create a simple preview to share it on social media. I think CodePen does this when you share it on Twitter.

[rijoja]

Fair point actually. I could see this being used in some testing frame work as selenium as well.

[rememberlenny]

I have a solution to this. Feel free to reach out directly: [e-mail]