I've built a 100% web-based screen recording tool aimed at product marketing managers, developers, or anyone wanting to showcase their work along with a talking head. Inspired by ScreenStudio, it allows you to effortlessly create polished recordings directly from your browser.
A couple of technical highlights I'm particularly proud of:
Initially, I used ReMotion but ran into limitations. I ended up building my own animation engine from scratch, closely inspired by ReMotion's capabilities but tailored specifically for my use-case.
Due to browser security constraints with getDisplayMedia(), I couldn't directly track cursor movements. To overcome this, I trained a custom YOLO (You-Only-Look-Once) model for cursor detection. This allowed me to implement smooth, mouse-following animations within recordings, bypassing the browser limitations entirely.
Happy to dive deeper into the tech if anyone's interested!
Nice work! I really like how simple it was to get started. I know this would make it a bit harder to signup, but I think you should consider creating a Chrome Extension that allows you to get the real mouse coordinates, if possible. I think the animations feel a bit rougher compared to ScreenStudio, so maybe having the real coordinates would help. But maybe that's fixable with more smoothing or easing.
Hey Jacob, great observation. I actually already have a chrome extension and I tried to launch it but no one would download it. That’s why I made it so easy to get started this way and had to go through such great lengths to get the cursor but I agree with you 100% the animations are actually terrible right now. I’m working on them as we speak and I’m throwing all sorts of tricks in the mix to try to get it to work better. I’d love if you follow along on my website is a link to the Twitter. If you follow me, I’ll be announcing when I update the animation changes.
I've built a 100% web-based screen recording tool aimed at product marketing managers, developers, or anyone wanting to showcase their work along with a talking head. Inspired by ScreenStudio, it allows you to effortlessly create polished recordings directly from your browser.
A couple of technical highlights I'm particularly proud of:
Initially, I used ReMotion but ran into limitations. I ended up building my own animation engine from scratch, closely inspired by ReMotion's capabilities but tailored specifically for my use-case.
Due to browser security constraints with getDisplayMedia(), I couldn't directly track cursor movements. To overcome this, I trained a custom YOLO (You-Only-Look-Once) model for cursor detection. This allowed me to implement smooth, mouse-following animations within recordings, bypassing the browser limitations entirely.
Happy to dive deeper into the tech if anyone's interested!