Love it! I had an idea floating in my head to do a similar thing for quite some time but never got around to.
A nice thing to add is a waveform generator: give it an audio asset, and it would create a waveform effect for the length of the audio. This can be a good alternative to commercial services such as Headliner.
A good customizable waveform creator is on my holy grail list. (That can be injected into a workflow like this.) ffmpeg's built in stuff is good, but I want something a bit more like SoundCloud, or...well something with options anyway :)
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.
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.
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.
The first shader I looked at in this project is the same shader code as from Shadertoy without attribution. No idea which is original or if both are copies.
19 comments
[ 4.7 ms ] story [ 52.9 ms ] threadA nice thing to add is a waveform generator: give it an audio asset, and it would create a waveform effect for the length of the audio. This can be a good alternative to commercial services such as Headliner.
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.
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.
* https://github.com/tungs/timecut
https://github.com/mifi/editly
https://github.com/tnfe/FFCreator/blob/master/lib/shader/zoo... . https://www.shadertoy.com/view/wssczB