screenshot quality

[tlemick]

Hi there! I'm trying to capture a mapbox visualization but am having difficulties getting timecut to capture screenshots that are on par with the screenshots I can capture just using my browser.

timecut "http://localhost:3001/" --viewport=1600,900 --fps=60 --duration=153 --frame-cache --pix-fmt=yuv420p --output=video7.mp4

Any help would be appreciated!

[tungs]

Thanks for filing this! I'm not sure why this is happening without having access to the actual web page and knowing which browser you're using. This may be an issue of using Chromium instead of Chrome.

By default, timecut installs and uses Chromium to capture screenshots. If you want to use Chrome instead, you can install it, and then use the --executable-path/config.executablePath to use that .

Let me know if you're still suffering from poor image quality.

[cconeill]

EDIT

The issue was apparently the scaling of puppeteer. Adding in a device scaling of 4 resulted in a higher quality output:

timecut path --fps=60 --viewport="800,320,deviceScaleFactor=4" --duration=` --pipe-mode --pix-fmt=yuv420p --output=output.mp4

---

Noticing this as well on my animated SVG, using either Chromium or Chrome. Not sure where the blurriness is coming in.

The original asset is built at 800x320.

Captured via timecut:

timecut path --viewport="800,320" --fps=60 --duration=1 --pipe-mode --pix-fmt=yuv420p --output=output.mp4 --executable-path=/Applications/Google Chrome.app

Original: