Mirador (Video Annotation Support Version)

1 What is this?

Mirador (Video Annotation Support Version) is based on Mirador, an open source IIIF viewer, and was developed by Division of Digital Humanities (Center for Evolving Humanities, Graduate School of Humanities and Sociology, The University of Tokyo), International Institute for Digital Humanities, Institute of Languages and Cultures of Asia and Africa (Tokyo University of Foreign Studies) and FLX Style Co., Ltd. Information is summarized in the following page.

IIIF Video Annotation (Digital Humanities, The University of Tokyo)

Mirador (Video Annotation Support Version) 3.3.0, released in February 2022, adds the ability to display subtitles on videos. JAEL (Japan Association of Ethiopian Languages) is using this feature for language documentation of Ethiopian languages. Please see the demo page.

2 Download and Installation

The source code for Mirador (Video Annotation Support Version) can be downloaded from the above page. It is an open source license (Apache License 2.0 and MIT License), so please feel free to use it according to any of the terms of use.

To install, you should create a webpage like the following.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Mirador 3 for Video Annotation</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no" />
    <meta name="theme-color" content="#000000" />
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
  </head>
  <body>
    <div id="mirador" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;"></div>
    <script type="text/javascript" src="mirador.min.js"></script>
    <script type="text/javascript"><!--

Mirador.viewer ({
  id: 'mirador',
  windows: [
    // what you want to display from the beginning
    { loadedManifest: 'https://dev.jael.info/share/iiif/arv-0001/manifest.json' }
  ],
  window: {
    highlightAllAnnotations: true,
    sideBarOpen: true,
    panels: {
      'info': true,
      'attribution': true,
      'canvas': true,
      'annotations': true,
      'search': true,
      'layers': false
    }
  }
});

//--></script>
  </body>
</html>

3 Case Study

The Ethiopian Language Archive: JAEL (Japan Association of Ethiopian Languages) provides linguistic data on Ethiopian languages, including transcriptions, translations, and glosses.

4 How to Create an IIIF Manifest

See How to Create an IIIF Manifest (Introduction) (in Japanese) for a general guide for IIIF manifest.

You need WebVTT files to display subtitles on your video. Web Video Text Tracks Format (WebVTT)（MDN） is a good reference.