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

Or you can take the images and create a PDF from the output. Here's an example created by Robin Hawkes:

• ViziCities: Making SimCity for the Real World

Note: Robin had to use a custom version of PhantomJS to support Web Fonts

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 http://leggetter.github.io/talks/realtime-tech-stack

Release History

0.0.3

• Added -o, --output flag to allow the output location of the rendered slide captutes to be configured

0.0.2

• Hide navigation elements on slides
• Refactor to be more OO

Todo

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