Please note that, this GitHub repository is no longer supported by Avalon Media System
This has been replaced by a new component library at: https://github.com/samvera-labs/iiif-react-media-player.
This is a React JavaScript application that displays a player and structured navigation when given a IIIF-AV JSON manifest (spec 3.0).
Navigate to project root directory and run the following commands. A webpack dev server (with live re-loading) will start at: http://localhost:3334/
yarn install
yarn start
To build the bundle:
yarn build
To run the project's Jest unit tests:
yarn test
<html>
<head>
<title>Avalon IIIF Player Example</title>
</head>
<body>
<div id="avln-iiif-player-root" class="avln-iiif-player" data-manifest-url="http://yourmanifest.com"></div>
<script src="[INCLUDE /build/static/js/your-compiled-js-file-here.js]"></script>
</body>
</html>The data-manifest-url attribute should link to a publicly accessible IIIF-AV manifest.