以下の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を追加する必要がありました。
わかりにくいですが、iiif_prezi3を使った記述例です。create_accompanying_canvas()によってaccompanyingCanvasを作成し、それをcanvasに関連づけています。
(参考)画像ファイルの作成#
国立国会図書館 歴史的音源(れきおん)では、画像データは提供されていないため、Dall-E 3を使用してサンプル画像を作成しました。
画像の作成にあたり、文字起こしテキストを要約し、それをpromptに使用しています。
合わせて、要約テキストはsummaryに格納しました。文字起こしテキストに誤りがあるため、この要約テキストにも誤りが含まれる点に注意が必要です。
まとめ#
IIIFを用いた音声と画像の組み合わせにあたり、参考になりましたら幸いです。