https://github.com/HadrienGardeur/webpub-viewer

Proof of concept for a Web Publication Viewer
https://github.com/HadrienGardeur/webpub-viewer

ebooks epub webpub

Last synced: 2 months ago
JSON representation

Proof of concept for a Web Publication Viewer

• Host: GitHub
• URL: https://github.com/HadrienGardeur/webpub-viewer
• Owner: HadrienGardeur
• License: mit
• Archived: true
• Created: 2016-10-10T23:09:27.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-10-03T13:24:45.000Z (over 6 years ago)
• Last Synced: 2024-08-02T08:06:46.649Z (6 months ago)
• Topics: ebooks, epub, webpub
• Language: JavaScript
• Size: 15.6 KB
• Stars: 15
• Watchers: 5
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-readium - webpub-viewer - an `iframe` based navigator for ebooks, written in JS (Examples & Experiments)

README

        
# Web Publication Viewer

This project is a proof of concept for handling Web Publications and the [Web Publication Manifest](https://github.com/HadrienGardeur/webpub-manifest) in a browser.

The viewer is a simple Web App that does the following things:

- display the publication in an iframe

- cache the resources listed in a Web Publication Manifest for offline viewing and serve them with a Service Worker

- provide the ability to navigate between resources in the publication

For the progressive enhancements use case, check [Web Publication JS](https://github.com/HadrienGardeur/webpub-js).

## Usage

By default the viewer will use the following Web Publication Manifest: https://hadriengardeur.github.io/webpub-manifest/examples/MobyDick/manifest.json

To override this behavior, use the following query parameters:

- "manifest" set to "true"

- "href" set to the location of the Web Publication Manifest that you'd like to display

Check the live demo for an example.

## Live Demo

A live demo of the viewer is available at: https://hadriengardeur.github.io/webpub-manifest/examples/viewer

To display another example, you can also use query parameters for example: https://hadriengardeur.github.io/webpub-manifest/examples/viewer/?manifest=true&href=https://hadriengardeur.github.io/webpub-manifest/examples/comics/manifest.json