概要

縦書きに対応したText Overlay pluginを導入済みのMiradorのリポジトリを更新しました。

GitHub - nakamura196/mirador-integration-textoverlay: 縦書きに対応したText Overlay pluginを導入済みのMirador
縦書きに対応したText Overlay pluginを導入済みのMirador. Contribute to nakamura196/mirador-integration-textoverlay development by creating an account on GitHub.
GitHub

参考

変更元のText Overlay pluginのリポジトリは以下です。

GitHub - dbmdz/mirador-textoverlay: Text Overlay plugin for Mirador 3
Text Overlay plugin for Mirador 3. Contribute to dbmdz/mirador-textoverlay development by creating an account on GitHub.
GitHub

デモ

以下のページで動作内容をご確認いただけます。

Basic Mirador
nakamura196.github.io

画面右上の「Text visible」ボタンを押すと、テキストが表示されます。ロード中のままとなってしまう場合には、ページの再読み込みをしてください。

参考

以下の記事で紹介した方法を使い、Text Overlay pluginをMirador 3に追加しています。

Mirador 3にmirador-image-toolsプラグインを追加して、1つのjsファイルにまとめて配布する方法
Mirador 3にmirador-image-toolsプラグインを追加して、1つのjsファイルにまとめて配布する方法
ldas.jp

使用例

Text Overlay pluginの使用方法などについては、以下の記事を参考にしてください。

Mirador3プラグイン開発: Text Overlay pluginで縦書き対応を行う
Mirador3プラグイン開発: Text Overlay pluginで縦書き対応を行う
ldas.jp

まとめ

今後、テキスト表示にあたり、ロードしたままになってしまう不具合を解消したいと思います。

IIIF画像とテキストの応用にあたり、参考になりましたら幸いです。

動画版（生成AIによる自動生成）: この記事の内容をずんだもん×四国めたんの掛け合いで解説しています。自動生成のため、内容に誤りがある可能性があります。正確な情報は記事本文をご参照ください。