19 ms·
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;
by pzagor2 6y ago
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.
- rijoja 6y agoInteresting 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 6y agoHigh 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 6y agoMy 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 6y agoFair point actually. I could see this being used in some testing frame work as selenium as well.
- emarsden 6y agoThat 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 https://github.com/tungs/timecut
- rememberlenny 6y agoI have a solution to this. Feel free to reach out directly: lenny@milk.video