概要

IIIF Audio/Visualに対応したビューアの一つである@samvera/rampビューアのFiles/Markersタブの使用方法について調べたので備忘録です。

マニュアル

Filesについては、以下に記載がありました。

https://samvera-labs.github.io/ramp/#supplementalfiles

また、Markersについては、以下に記載があります。

https://samvera-labs.github.io/ramp/#markersdisplay

使用するデータ

『県政ニュース 第1巻』(県立長野図書館)を使用します。

https://www.ro-da.jp/shinshu-dcommons/library/02FT0102974177

Filesタブ

renderingプロパティを読むと記載されています。renderingプロパティについては、以下のCookbookにも掲載されています。

https://iiif.io/api/cookbook/recipe/0046-rendering/

以下のようなスクリプトにより、マニフェストファイルにrenderingプロパティを追加します。

defadd_rmjjrmowreaaaeauiennppnntttdiaadiphuefnnel}itffufrre__ra,dyoeto.nisssib=prs_pwnteenejemtperogaagl"a=a.aniu(=rr=jp"trt(ttscc={aaD=ehoepeshh"na"nu(ule__R:_tad=tmtfliaesapepa_,fdps[esprfunp.io"aeli"tiaml=_urtin{_ftaourc"cgspehnamrch,aeasidale_t=lttf_nIaifh.emi=tpor.,jsafeAineistnefmP_/nn"o_is"(Iujdpwnpfth"rseu"(ae.t]lort)itsht,,ni_nhtop"ndad)(msgise:me:rnap/}ftna//:=igjm2fepa)e[sn)s1eit]af_.repicsadhtt.._hsgr)poel.nijdtpe(/r"ai/pn"ig)/.[ij-ts1eo]mn/"{japan_search_id}"

以下のようなマニフェストファイルが作成されます。

{}""""}"}"]@itl,r,r,cdya"]e"}"}e{}o"pbjql,vnn:eea"ua"]a"]d"""}"t"l"ibjljeitl,fe":":rea"ua"rdya"]oxh:el"Ae"i"pbjrtt"[d":t":n:eea"m"tM{S:t:g"l"a:pat[r["":":tsn a{i{:h:"":itbt"[:h/f1eu[tD{t/emt pa"tds"eistAap1tno1:aPp:u"tn/sIp/7,""/e"l/h:jtiiqp"ci8{s,aizetfiai.lroiucnowh//l.ja9gsp.ooic.n/l"j"popru/edasfperino/tniattt.einmoe/nts//d3sc/doccmoomnmotmneosxn_tsn._pjnlsp-ol0n-2"0F,2TF0T100120927947147177"7,/manifest.json",

ビューアでの表示例は以下です。

なお、renderingプロパティは、Clover IIIFでは以下のように表示されました。

Markersタブ

時間情報を持ったhighlightingmotivationのアノテーションが表示されると記載されています。

以下のようなスクリプトにより、マニフェストファイルにhighlightingmotivationのアノテーションを追加します。

defadd_hmliowriaafuiegnbttthieophulflswclaa#ccfufrie_.iaannaaoto.ngspptnbnndnnr_pwhtaahveoouvvperotttlal__raailis#niifianiu(=hhoassppassaftafnoft(tts.pbaat__ibaemsrhoepes=eee==ggiwhne"rne"ttu(ulexnleeoielTctdIcajabxywhaahb=tmtflfi(_ml_nditio=nonnbnnrrpa_,f"slsaa=itgq=mn==sncin====nneefunp.{taenbd=hhdetltteno=oosa"tiamlssbgiectmlsilsaais_bbbbim#t#b}_ahk{_ftaoe(efla=1=(atnatbnnriibbbb=doaopnospehnalll=e_n0=rbaubaecu=adn[[[[=ttrtdanleasidfa_ssva0caemeerleens""""Aaiagaygodlttf_.bpjteanacnlplt[slg=tLTWHnnvrer="""efh.emieas.gsnnags"[""aeaeoiennagtg{tvf.>.,jsanltoi[.ovne["+Lb(fnfpdioote=eyaoaistnp_hnt"a_av(inTanel"ct"tgt_itftplrd0n"o_iup,.eLnpsal]oidbole{e"]hhaio="=eumdpwnpftalmana.setmuet[nas]"ttdnf{f"ea_au"(ae_t"osbogw.nerl"(n[]"i,="c":"tint)itsdhra[eteih(isa"iLinj]o"{a{:"td_nhti)"d0la.delntt]nano]cnhcnc":edad,(r:)(]stitiaai[bs_[ca(iavaTnmiisem}f"idhgblmo"letp"ancgnanea"(rnta/a)]oheapnNalaaBnvachvsvxmt>}fthnosntlb"ab"ngovanala.atee/:=riusse]me]ceuasvnisisu,xtm2eftf[)lel[e_ns_avg.d.atha)sep:0):/"["sid_hsahi}il/rn)hsu])]"I)diwe_std#dBheiott:1Ln)}niiw_i}t}otsfl__0as:/gdgihn#=#dmhedpl0btaBthdegx{tylos=aa0ea{ohtti"ys=""lt4tblnixhg,wt{,,d_0he"c}"hhas:h0)l]e-]t=rti).:s{{tag:j"jx}rhs]}}&tlo",x}in{y"g"yw,h}ht,=.{{jwxs}}o,,n{{"hy}}&,t{=w{}s,t{ahr}t"},,{end}",

注意点として、targetを以下のように記載すると表示されませんでした。

target=f"{canvas.id}#xywh={x},{y},{w},{h}&t={start},{end}",

以下のように、#t=を含み、開始点のみを含む形式が必要なようでした。xywhは任意です。

target=f"{canvas.id}#t={start}&xywh={x},{y},{w},{h}",

結果、以下のようなマニフェストファイルが作成されます。

{}""""}"}"]"@itl,r,h,icdya"]e"}"}o{}{}t{o"pbjql,vm,en:eea"ua"]a"]e"""}"""}m""""""]"t"l"ibjljpitlitlsithwdi,ae":":rea"ua"adya"]dya"]"dyeiut{}n{xh:el"Ae"g"pbj"pbj:"pidrentt"[d":t":e:eea":eea":egtam"""]o""""tM{S:t:""l""l"["hhtsitititi:pat[r[:":":":":":t"i"dyt{}adyt{}{}{}sn a{i{h:h:h":o:"pet"pe,,,":itb[t"[t"[t":n:em""""}"i:em"""}""}"""""}"""""}"h/f1eutT{tT{tC6"["sitmb,to"sitl,mb,titmb,titmb,tt/emt pepepa44:":"dyoo""""""an":"dya"]oo"""adyoo"""adyoo"""atds"eisxsxsn80h:"ptdithwdfrsh:"pbjtditfr"ptdtvfr"ptdtvfrp1tno1:t:t":0,6t":eiydyeiuog"t":eea"iydyog:eiyyaog:eiyyaog:u"tn/"/"/a,1tA["v""pidrre:tA["l"Wv""pre"v"plre"v"plre/7,""/,/,/s9pn":a::egtamtpn":":ea::emt":a:eumt":a:eumt/h:wjd".snht"hhta"[snh:bt"a"ht"ea"ht"ea"iqwp1,6:t"i{":t"it::t"[Vi{":t:t"i{:"t:t"i{:"t:i8{wsu1ttAoh":o"ttA{Toh"tAo:"tAo:"iz.e79/apnnt":n:"/apnTnt":"pnn":"pnn":"firah6dtsn"tV6"hdtsn"tThsn"T"hsn"T"h.lorq21i::pi44:"t1i:T:pe"t::eB"t::eB"tiu-c8,uotsd80vtuotrsxtttxltttxlttowdhz7n/a":e0,6ip7n/aa":tep/a"taep/a"taep/la.ihPdtp/,1dshPdtns/"xsdthucxsdthucxsa9.glqa1ia"9e:qa1isu/,t:1iiakt:1iiakt:p.jou8guoid,.o/8guocpd//uoglb/uoglb/icp.wze7nn16//ze7nrp1v/7nhBh/7nhBh//l"/"jli"h"tu1mdi"h"ilutdh"loatdh"loatdposp9l,q,i79p1l,q,pe7t1q,idrm1q,idrm1ruh/.u8nh64uu8tmh"u8gydlu8gydluediicwzgq2"7wzeq7zh"""7zh"""7sfntlli"8,hli(n8hit,,hit,,herseo9l,zq9lmtzqliqliqnohmu.ui8.uaii8un8un8tnu/dcwlzcwcnlzwgzwgzat-sflluillhguil"il"it.ddro9wlo9i"wl9,l9,linccou.luu.n,lu.u.uoeoondc9wdce9wcwcwntmmtfl.lfl-.lllll//mm.roc9rogc9o9o93soonoul.ouel.u.u./dnnendocndnocdcdcccssttfultfeulflfloo/_/.rdo.rrdororonmlnsnofunoafuououtmipdenrdentrdndndeoblcttoftteoftftfxnr-o/.nr/.dnr.r.rtsa0msntosn)tonono._r2mde.nde".nenenjnyFoctntctntttttsp/Tno/e.o/e././.ol00smstnmstnsnsnn-21_md/emd/edede"0F0nocstocstctct,2T2pnod/nod/o/o/F09lsmcssmcsmsmsT17-_mod_modmdmd0040nomcnomcococ1212pnmopnmonono097Flsomlsomsmsm277T-_nm-_nm_m_m94"00nso0nsonono71,12p_n2p_npnpn470FlnsFlnslsls172T-p_T-p_-_-_7"900ln00ln0n0n7,712-p12-p2p2p/40F0l0F0lFlFlm12T2-2T2-T-T-a790F090F00000n771T271T21212i/400F400F0F0Ffc121T121T2T2Tea790079009090sn772177217171tv/490/4904040.ac172c1721212jsa749a7497979s"n717n7177777o,v/74v/74/4/4nac71ac71c1c1"sa/7sa/7a7a7,/nv7/nv7n7n7pvi/pvi/v/v/aadcaadcacacgseagseasasae/one/on/n/n"p.v2p.vpvpv,ama"avaaaaagps,gtsgsgse4"et"e#e#/"2"2t2ta,/,/=/=naa2a2n16171o"9.1.t,-0-5a0202t"1"1i,&,&oxxnyy"ww,hh==353..07425229193910093529914637753,,253..783579969449736000257745828576,,652575..289664002288193370260674,14,7422.22.149502437853406431836871"84"

注意点として、1つのアノテーションリストのみが処理対象となっていました。そのため、supplementingmotivationのアノテーションと同じ配列に格納しています。

ビューアでの表示例は以下です。以下のように表形式でマーカーが表示されました。マーカーの名前に付与されたリンクをクリックすることで、指定された時間に遷移しました。

また、上記ではsupplementingのアノテーションは表示されず、それらはTrasnscriptsタブにのみ表示されました。

まとめ

IIIF A/Vにおけるアノテーションの取り扱い等について、参考になりましたら幸いです。