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

css google-chrome google-chrome-headless
Mikhail Novikov picture Mikhail Novikov · Jan 15, 2018 · Viewed 7.7k times · Source

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?

Answer

Luke Robertson picture Luke Robertson · Apr 12, 2018

https://www.npmjs.com/package/puppeteer-recorder

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

Related questions

How can I change paper size in headless Chrome --print-to-pdf

I am using headless Chrome to export html documents to pdf google-chrome --headless --disable-gpu --print-to-pdf='output_path' 'url' How can I change paper size in generated pdf? I have control on both Chrome parameters and html. I always get US …

Read More
How to remove focus border (outline) around text/input boxes? (Chrome)

Can anyone explain how to remove the orange or blue border (outline) around text/input boxes? I think it only happens on Chrome to show that the input box is active. Here's the input CSS I'm using: input { background-color: transparent; …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More