Mirador 動画アノテーション対応版

本ページは IIIF ビューワの 1 つ「Mirador 動画アノテーション対応版」を紹介します。

Mirador 動画アノテーション対応版について

「Mirador 動画アノテーション対応版」は、オープンソースの IIIF ビューワである Mirador をベースとし、東京大学大学院人文社会系研究科附属次世代人文学開発センター人文情報学部門、一般財団法人人文情報学研究所、東京外国語大学アジア・アフリカ言語文化研究所、有限会社フェリックス・スタイルにより開発されたものです。下記のページに情報がまとめられています。

「Mirador 動画アノテーション対応版 v.3.3.0」(2022 年 2 月公開)には動画上に字幕を表示する機能が追加されました。JAEL(Japan Association of Ethiopian Languages)はこの機能を用い、エチオピア少数言語の言語ドキュメンテーションを行っています。デモページも御覧ください。

ダウンロードと設置

「Mirador 動画アノテーション対応版」のソースコードは上記ページからダウンロードできます。オープンソースライセンス(Apache License 2.0 および MIT License)ですので、いずれかの利用条件に従いご自由にお使いください。

設置には次のような HTML を作成します。

<!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: [
    // 初めから表示させたいもの
    { 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>

事例の紹介

The Ethiopian Language Archive
JAEL(Japan Association of Ethiopian Languages)が収集したエチオピア諸言語の動画・音声について、音訳・翻訳・語釈等をまとめた言語データを提供しています。

IIIF マニフェストの作り方

一般的な IIIF マニフェストの作り方は「IIIF の作り方(入門編)」を御覧ください。

動画上に字幕を表示するには WebVTT ファイルを作成します。「Web ビデオテキストトラックフォーマット (WebVTT)(MDN)」が参考になります。