Overview

Text Overlay plugin for Mirador 3 is a Mirador 3 plugin that displays selectable text overlays based on OCR or transcription.

https://github.com/dbmdz/mirador-textoverlay

A demo page is available at the following link.

https://mirador-textoverlay.netlify.app/

However, when trying to display vertical text such as Japanese, it didn’t display correctly, as shown below.

So I forked the above repository and made it possible to display vertical text as well. The source code is published in the following repository. (I hope to consider a pull request in the future.)

https://github.com/nakamura196/mirador-textoverlay

As a result, vertical text can now be displayed as shown below.

The demo page is as follows.

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

Below are notes related to the development of this module.

Manifest File Structure

This module requires IIIF manifests that satisfy the following requirements.

https://github.com/dbmdz/mirador-textoverlay#requirements-for-supported-iiif-manifests

There are several options, but I referenced the following Wellcome Collection manifest.

https://iiif.wellcomecollection.org/presentation/v2/b18035723

For each Canvas, an ALTO XML file URL is specified via seeAlso.

{}{}{}{}{}""""""}"""",,,}"}"""@@fhws]"]"@@lt"""""""",s,hwiitoeie"""""",o,witah"""whwhwhwh}e""""eim{dyridr@@ppwh}t{}idybu@@sieieieiee@pflida"pmgtvcirrieht"pemite"""""""didididi]Airoagtg"""":eahhiodoodi}"e"""h:elbdyr@@ppwhstgtgtgtgldorbhhe@@mr"tt"cn"fttg,or@@li""n"pvcirrieihhhhhhhhs"fmet"sitoe":"":et:iohhnCitan"::a:eiodoodiz"t"t"t"to:ial":"dytsh::"elc"t"odyb"hi"cn"fttge:":":":""lt"::"piot"7:x"eo:":n"pe:t""l":et:iohhs:::::"e":2:evutd"13th"l:t:elts-"h"elc"t"7127h":34["arpci02{"t:"2"e"""pc":t":x"eo:":21428431{t:"31":tcstm2,:t:43hn"::"s:,tdth"l:,0306020t"M71hie:ya4p"13tth:C{pc{"t:"7[0,0,0,2p"tE2,t"o"/pg,"sh"17t"t""/ast:t:314sheT,ton:/eeh:th,2p:tsT/n:yp"20:txSpa"is/t/ttspceiv/p"sh",2/tt-s::{i:jt/pt:[s:xia/eh:th4/p/A:AiIppi:p/:Atisist/tt,a:xL/n"fme:i/://nf"i:t/ptp/mT/ns.ag/i//i/no.,iIpi:pilOiocwg"/fi/iiofwfm:i/:.w"it:ee,i.iiiite.a/i//ww,Xiapl"iwiifiaplwg/fi/ewMftal,iefi.ftaleei.iil.L.iicfl.fw.igcl"iwiill"wono.li.ewoeol,ieficoentmicoilenmcfl.focl"ieo/ollLeo.li.m.l,ncma/cli-cmicoiegcgoaepaocs"oeo/ocoo"lpcipmotlcma/ovm,li/iem"loaepal/eeli/ce,elpciplsccilmioccli/ietotmeamloteli/caliacgallicilmitnlogtegelotmeamideneieceniacgaoac./2"tc.ogtegnrto2n,itoneie.dir/.loir./2"osogcoenogo2n,r/n/orv.n/r/.lga.ingeo.pgcoe/lomt/lror/orvttraei1gretngeeoggxm./gsht/lx//etajp/euet0tp/.gsranmxh./3rbjeentbtuja/e1snsnas.mslas8b"eot/jbotle0n1,ntibssnotn3"8tao1o/"/ot5,0atn8nb,b.a73ti/0"11xt25iob3,88si37on1500do_2ns8733"n03//0255,/0_bv3377b00125_221308/70338.00b20_/0J331300b3P.58/30152J70c.087/P23aJ302f235nP.33u"/7v2J5/l,c2a/P7cla3sf22a/n/eu"3n7vbsl,_v3a1/l0a2s8b/0s,e0170e1s3823s0/50,./2b731Jb41250P1/83702800_2/"0/3030,3d50_/5e700d7f230e2a3.0f3u_J3a_l0P.u0t02Jl0.0/Pt0j3l2.3p.i"j.gJn,pJ"PegP,2""2",,/painting/anno",

Summary

Regarding the developed plugin, there are still issues that need improvement, such as times when XML file loading doesn’t complete. I hope this serves as a helpful reference for Mirador 3 plugin development, IIIF, and utilizing OCR results.