Skip to content

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

License

Notifications You must be signed in to change notification settings

SCENE-CE/mirador-video

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mirador with support for displaying annotations on videos

Project

Demo

We will soon submit a PR to the official Mirador repository to add video support for annotations. We already support React 18 and MUI5 are up-to-date to Mirador 4 alpha 2. We provide also a new plugin to display and edit annotations on videos :

https://github.com/SCENE-CE/mirador-annotation-editor

For Mirador Users

Our fork of Mirador is available as a package on npm. To use it change your existing Mirador dependency to mirador-video in your package.json file.

Before

"mirador": "^3.0.0"

After

"mirador": "npm:mirador-video@^1.0.8"

Then run npm install to refresh your package.

Running Mirador locally for development

Mirador local development requires nodejs to be installed.

Installation

npm install

Starting the project

npm start

Then navigate to http://127.0.0.1:$PORT/

$PORT is the port number where the project is running. Check the output of the start command to see the port number.

Instantiating Mirador

var miradorInstance = Mirador.viewer({
  id: 'mirador' // id selector where Mirador should be instantiated
});

> miradorInstance
{ actions, store }

About

An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 97.5%
  • HTML 2.5%