Hacker News new | ask | show | jobs
by wayoverthecloud 829 days ago
Kaizen looks so cool, I am jealous! When you say "Moved the video rendering onto the client" do you mean you are doing FFMPeg on the client side?
1 comments

Been through a few iterations now...

Started with just recording the canvas using MediaRecorder (https://devtails.xyz/@adam/how-to-record-html-canvas-using-m...). This was super simple and I wish could have left it at that...But unfortunately Chrome gives you a webm file back and IG doesn't let you upload webm.

So then I went the route of ffmpeg.wasm in the browser to convert the webm to mp4.

I've finally landed on an approach that uses the WebCodecs API and mp4-muxer library (https://devtails.xyz/adam/how-to-save-html-canvas-to-mp4-usi...).