本ページは 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)」が参考になります。