本ページは IIIF ビューワの 1 つ「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>
一般的な IIIF マニフェストの作り方は「IIIF の作り方(入門編)」を御覧ください。
動画上に字幕を表示するには WebVTT ファイルを作成します。「Web ビデオテキストトラックフォーマット (WebVTT)(MDN)」が参考になります。