I know there is a way to make screenshots, using many available APIs, such as Puppeteer
https://github.com/GoogleChrome/puppeteer
but what about recording videos? my goal is to capture a CSS animation into an mp4 file.
Or am i doing it all wrong, are there better tools for that on the server side?
Navigate to the website you want recorded, then launch the screen video recorder app of your choice. You'll find plenty of tools online, from OBS to Screencastify to Loom. If you're a Mac user, you have an in-built screen recorder function.
On the one hand, Google works to detect bots with reCAPTCHA, but on the other hand, they've created Headless Chrome. Google's solution for blocking bots isn't effective against their own technology. For now, DataDome is the only solution I've tested that can detect Headless Chrome.
For recording video with audio, try puppeteer-stream
:
https://github.com/Flam3rboy/puppeteer-stream
https://www.npmjs.com/package/puppeteer-recorder
Something like this can work, it takes lots of screenshots and stitches them together
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With