5 ms·
Nice! Love seeing new ways to share music on IG without having to be a professional video editor. I'm working on a similar tool https://kaizen.place/reel-gener
by devtailz 3y ago
Nice! Love seeing new ways to share music on IG without having to be a professional video editor.
I'm working on a similar tool https://kaizen.place/reel-generator https://kaizen.place/reel-generator . Moved the video rendering onto the client which helps keep rendering times quick and avoids the headache of managing an extra service.
+1 to the suggestion I saw for some kind of sound visual to make it even more clear there's audio.
- wayoverthecloud 3y agoKaizen 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?
- devtailz 3y agoBeen through a few iterations now... Started with just recording the canvas using MediaRecorder (https://devtails.xyz/@adam/how-to-record-html-canvas-using-mediarecorder-and-export-as-video 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-using-web-codecs-api https://devtails.xyz/adam/how-to-save-html-canvas-to-mp4-usi...).
- deleted 3y ago[deleted]