Is there any way to record a video of website using headless Chrome?

Question

I know there is a way to make screenshots, using many available APIs, such as 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?

Why aren't you just using a regular screen recording software? — Tim Gerhard, Jan 15 '18 at 10:59
It has to work on a backend, as part of a backend application (video editor, as part of 'render' function). The generated video will then be consumed by ffmpeg and become part of a rendered output video. — Mikhail Novikov, Jan 15 '18 at 11:00

score 1 · Answer 1 · answered Apr 12 '18 at 08:21

1

Something like this can work, it takes lots of screenshots and stitches them together

answered Apr 12 '18 at 08:21

Luke Robertson

5

This option only records images, not audio. Any idea to record audio/video? – Eduardo Pinheiro Jan 21 '19 at 15:16
As of today, it is not working and crashing the browser! – Veeresh Devireddy Mar 26 '23 at 13:34

score 1 · Answer 2 · answered Aug 21 '21 at 15:53

1

For recording video with audio, try puppeteer-stream:

answered Aug 21 '21 at 15:53

Mike Sallese

I tried it and the output video is excluding the javascript-based animation effects. – Veeresh Devireddy Mar 26 '23 at 13:34

2 Answers2