Skip to content
Given a URL to a reveal.js slide deck capture each slide as an image
JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
lib
.gitignore
README.md
index.js
package.json

README.md

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.

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

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)
Something went wrong with that request. Please try again.