ai-se/pdf.js-hypothes.is

PDF.js + Hypothesis viewer / annotator

PDF.js + Hypothes.is on your site

Thanks to the kind folks in the Mozilla PDF.js project we've put together a simple PDF viewer that includes annotation.

This is an "out of the box" PDF.js Viewer with these changes:

• added the <script src="https://hypothes.is/embed.js" ...></script> code
• customized the viewer.js code to generate a rel="canonical"--as the viewer URL will differ from your PDF's URL, but they should both show the same annotations.

The project is entirely static HTML, JS, and CSS. Enjoy!

Try it out!

Clone this repo, then...

cd pdf.js+hypothes.is
python -m SimpleHTTPServer
# if you're on a Mac, do...
open http://localhost:8000/web/viewer.html
# if you're not, open your browser to that URL

The sample PDF should render and the Hypothes.is comment bubble icon should be visible in the top right corner.

Viewing Your Own PDF's

The viewer.html file supports a file query parameter, so requesting a different PDF hosted under this same domain, looks like this:

http://localhost:8000/web/viewer.html?file=%2Fyourpdf.pdf

%2F is the URL escaped form of /--so this assumes you have a yourpdf.pdf file hosted at http://localhost:8000/

License

PDF.js and the viewer bits (in build and web) are licensed under the Apache License 2.0.

Hypothes.is embed.js is currently loaded from the live web service, so there's no additional licensing needed (checkout the hypothesis/h project if you'd like to host your own (h is BSD licensed).