How to convert your S5 slide to PDF

Most of my slides are S5 format made by Spork and Spork::S5.
 S5 is a slide show format based entirely on XHTML, CSS, and JavaScript.

I like this html based slide system. But when I wanted to upload my slide to SlideShare, I found it's not support html slide!

So I did a hack, convert S5 slide to PDF. Below is the result. Source S5 slide is here.

YATTA!

Requirements

• Firefox 2.0 or above (maybe prefer to 3.0)
• JSActions
• capture_s5.js (JSActions script)
• image2pdf.pl

1. Install Firefox and JSActions extension.

Firefox 3.0 is recommended. 2.0 might work but I didn't try.

JSActions is recommended latest version (I installed jsactions_3.0.0a4_2008051401.xpi)

After installing both, open JSActions config panel (Tools - Add-ons - JSActions option button) and set script folder.

2. Install capture_s5.js

This is JSActions's script capture s5 slide and save it to local disk.

Download the script and edit first line of the script.

var dir = "j:\\tmp\\";

This is a directory where captured images are saved to.

After edit the script, put it into directory named "JSActions script folder\global\". If you don't have global directory under the script folder, create it by yourself.

Then, restart firefox and you'll find "actions - capture s5" in mouse context menu.

3. Save S5 slide as image

Open your S5 slide in Firefox, and run capture_s5.js

After this command, you'll see saved slide images (slide0001.png, slide0002.png...) in your local directory.

4. Create PDF from images

Install PDF::FromImage and get image2pdf.pl from its example directory.

And run it like following:

image2pdf.pl -o output.pdf  slide*.png

Finally, you get your slide PDF!

Enjoy!