Text Overlay plugin for Mirador 3は、OCRまたはトランスクリプションに基づいて選択可能なテキストオーバーレイを表示するMirador3のプラグインです。
https://github.com/dbmdz/mirador-textoverlay
以下でデモページが公開されています。
https://mirador-textoverlay.netlify.app/
一方、日本語などの縦書きテキストを表示してみると、以下のようにうまく表示ができませんでした。
そこで、上記のリポジトリをフォークして、縦書きテキストも表示できるようにしました。以下のリポジトリでソースコードを公開しています。（いずれプルリクエストも検討したいと思います。）
https://github.com/nakamura196/mirador-textoverlay
結果、以下のように縦書きテキストも表示できるようになりました。
デモページは以下です。
https://nakamura196.github.io/mirador-integration-textoverlay/?manifest=https://nakamura196.github.io/static/iiif/6722fa34-2fff-11ee-a029-0242ac1c000c/manifest_o.json&annotationState=1&canvasIndex=3
以下、本モジュール開発に関連する事項をメモします。
マニフェストファイルの構造#
本モジュールでは、以下の要件を満たすIIIFマニフェストが必要とのことでした。
https://github.com/dbmdz/mirador-textoverlay#requirements-for-supported-iiif-manifests
いくつかのオプションがありますが、以下のwellcome collectionのマニフェストを参考にしました。
https://iiif.wellcomecollection.org/presentation/v2/b18035723
Canvas毎にseeAlsoでALTO XMLファイルへのURLが指定されています。
まとめ#
開発したプラグインについて、xmlファイルのロードが完了しない時があるなど、引き続き改善が必要ですが、Mirador3のプラグイン開発やIIIF、OCR結果の活用にあたり、参考になりましたら幸いです。