Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Given a URL to a reveal.js slide deck capture each slide as an image
JavaScript
branch: master

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.