iiif-media-player

Note: This is in active develop mode and not ready for production.

Instructions

Import the iiif-media-player JavaScript class into your ES2015 JS application like so:

import IIIFMediaPlayer from 'iiif-media-player'

The class initialization function accepts an element id attribute, which must exist in your application at the time the class is instantiated. Otherwise the initialization will gracefully fail.

Example usage:

<div id="your-element-id" data-manifest-url="https://mallorn.dlib.indiana.edu/lunchroom_manners.manifest.json"></div>

const iiifMediaPlayer = new IIIFMediaPlayer('your-element-id')

The IIIFMediaPlayer will mount to your supplied element id, and look for the data-manifest-url attribute which should contain a IIIF 3.0 spec manifest json object uri. I will render a MediaelementJS player (http://www.mediaelementjs.com/) and any defined IIIF structures [] navigation links found in the IIIF manifest.

data-manifest-url should be a uri for a public IIIF manifest 3.0 json file.

Sample IIIF 3.0 spec manifest

https://mallorn.dlib.indiana.edu/lunchroom_manners.manifest.json

IIIF Manifest Testing

To live test IIIF 3.0 spec manifests, the following Github branch is set up for testing: https://avalonmediasystem.github.io/avalon-iiif-player/