/chrome-profile-to-movie

A shell script that converts a Chrome DevTools page performance profile into a moving image composed of the profile's embedded screenshots.

Primary LanguageShellCreative Commons Zero v1.0 UniversalCC0-1.0

chrome-profile-to-movie

This is a shell script that converts a page performance profile, recorded with Chrome DevTools, into a moving image composed of the profile's embedded screenshots.

In other words, it transforms something like this (which is represented as JSON):

a screenshot of the "Performance" tab in Chrome DevTools with a page performance profile loaded

into this:

a rendering of a section of the GitHub homepage

Why, you ask? Well, why not?

Installation

  1. Make sure you have jq, base64, and ffmpeg installed and on your PATH. (The script has been tested with jq 1.6, base64 8.30, and ffmpeg 4.2.4.)
  2. Download the script, put it somewhere on your PATH, and make it executable.

Usage

  1. Record a web page performance profile using Chrome DevTools and save it.
  2. Send the profile to the script's stdin, and redirect stdout to a new file with a .gif extension (the only output format currently supported).

Enjoy!