Hacker News Reader

Comment by pzagor2 | Hacker News Reader

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.

View on HN

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

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?

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.

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.

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

I have a solution to this. Feel free to reach out directly: lenny@milk.video

Reply on news.ycombinator.com