概要

以下のAudio Presentation with Accompanying Imageを試した結果の備忘録です。

https://iiif.io/api/cookbook/recipe/0014-accompanyingcanvas/

以下はCloverで表示した例ですが、設定した画像がプレイヤーに表示されます。

https://samvera-labs.github.io/clover-iiif/docs/viewer/demo?iiif-content=https://nakamura196.github.io/ramp_data/demo/3571280/manifest.json

マニフェストファイルの記述

以下に例を格納しています。

https://github.com/nakamura196/ramp_data/blob/main/docs/demo/3571280/manifest.json

具体的には、以下のように、CanvasにaccompanyingCanvasを追加する必要がありました。

{""""}itda,dyuc"""""]"prcithwi:eaodyeit{}"tm"pide":ip:egtm"""]hoa"hhsitit"nn":t""dyt{}tC"yh"::"pepa:it"::em""""}"snntC1["sitmb,t:1gpa10":"dyoo"""""a/a5Csn02h:"ptdithwfr/s6a:24t":eiydyeiogn".n/a4,tA["v""pidrea,0/s,pn":a::egtmtk7an"snht"hha"a9sa,:t"i{":t"t:m9"kttAoh":"u9:a/apnnt"::"r9mntsn"tI1ha9{uai::pm10"t19rkotsa02it99aan/a":g24mp691mPntp/e4,as.99uaaia/",g:g96rgkoin,e/i9.aeanna//t8g1"m"tkjnh,i9,u,iapaut6rnmekbh.aguga.ug1"r"mibi9,auo.t61r/ih.9aroug61a/bi.9mr.tg6paihi._moutgdp/bhia_r.uttdaibhaamo.u/tp/ibda_ro.e/da/imdamrooetpa//ma_mr3o/dpa5/da_m73etdp15maa_27o/td81/daa023e/t/85mdac07oe/a/1/mdnc23oeva85/man073osv/15/"ac273,sa815/n027av/81cac02csa/8o/n30mav5/pca7cacs1ano/2nyma8vipc0anac_sgnos/"ymua,ipmcnamcgnao/yrmaiypnn_angino/mytaaiangntnegio./otjanapn/tgnpi"oao,tgnae/t"ii,moang/ep"a,ge"

わかりにくいですが、iiif_prezi3を使った記述例です。create_accompanying_canvas()によってaccompanyingCanvasを作成し、それをcanvasに関連づけています。

dddeeefffaiiciwaaaarcaaardffrm,cnccernnnedecncctennnt_soa=hoooouaooouaeppsastm_mmrt_imb)t_rclrr.ceeI=ppppnep=doo,apncfiipcl_maaaa_a=tdrao.nnaofaaingnnaigifiyggamvtttm.cgmyeyycmei"v=itfhweenpe((hpcce.i,iicai{aidyoeit.nar"s.aao.snnnog=fsti=prid=aonbAeennmoigaggme_eiifemgtad_yodlxyvppzCnCCp_iplof"=ahhndpisdfiiaaeeanaaaairfn_{"tt=n_anei.snsnnnonnnnie.=psI==woigg:nitg.y(vvvynfzp"rem"hi_te_gmsCaisa=aaio_irpelaiedpe,ia(acnesssntp3eazfgmitammagsncgls..gar.fii.eaghg(aaceevo_f=esaCteAin3p"gheangc_lamc.ledaiznxt.r,et.nneopfspaiiftdnoin}iRe/,ino(ma.anmi.__vn3o/nefjdospti=nvaichia(.tcgsip)eahmyagfrwtssAaa"oxeln)asise_edeentn,u}gfygen(_pa(mlnivr/")ielgsprth(fooac{,:n_fCeaeeea,tnsesgp.altz_ina(/Ieacnfhiignwtatlitrv))3mhoiicefmhea:.at_docm.a)asCg=ptno(ig:taehahPmtee=n_,g,ape"_vaegam)aaanw)hen_ccsnie(yicc(odiiidooittgdn}mmdahh=g_pp=t=tf/saafiw)"aunn"o):{nmyy{nsnmiis(eoannewltrggl,fay_Cf.t_ca.hpiianp)romnvrenavaef/gasfiiesixm.(x}a{)}/gs/ceeca"lan,fnv.vaiasms/a/agacecc_cofomomprpamananytyi}in"ng,g/"a)nnotation/page")

(参考)画像ファイルの作成

国立国会図書館 歴史的音源(れきおん)では、画像データは提供されていないため、Dall-E 3を使用してサンプル画像を作成しました。

画像の作成にあたり、文字起こしテキストを要約し、それをpromptに使用しています。

合わせて、要約テキストはsummaryに格納しました。文字起こしテキストに誤りがあるため、この要約テキストにも誤りが含まれる点に注意が必要です。

{}""""}"}@itl,scdya"]u"]o"pbjmjn:eea"ma"t"l"a"e":":r:xh:ytt"["["tM{::pasn{":ih/ft/etnspat調:k"/a,/miuir"iaf1.9i6o.gaiptih/upbr.eisoe/nrtaamtpi_odna/t3a//cdoenmtoe/x3t5.7j1s2o8n0"/,manifest.json","

まとめ

IIIFを用いた音声と画像の組み合わせにあたり、参考になりましたら幸いです。