Reveal.js Slides Image Capture

The purpose of this is to make it easy to capture each slide from a reveal.js presentation as an image in an automated way. These images can then be used in any presenatation write-up.

• Example 1
• Example 2

Install

You can install globally using:

npm install -g revealjs-capture

This adds the revealjs-capture executable to your PATH.

Capture

You can then capture an image for each slide in your reveal.js presentation using:

revealjs-capture -s <slides_url>

Example:

revealjs-capture -s leggetter.github.io/talks/realtime-tech-stack

Todo

• Add resource load detection for each slide and only capture image when all resources are loaded
• Make image capture file location configurable
• Hide navigation indicators in each slide capture
• Make it possible to capture only certain slide indices e.g. revealjs-capture <url> --indices [ [5,5], [10.1] ] (or something similar)