Overview# This is a note on trying out the Audio Presentation with Accompanying Image recipe.
https://iiif.io/api/cookbook/recipe/0014-accompanyingcanvas/
The following is an example displayed in Clover, where the configured image appears in the player.
https://samvera-labs.github.io/clover-iiif/docs/viewer/demo?iiif-content=https://nakamura196.github.io/ramp_data/demo/3571280/manifest.json
Manifest File Description# An example is stored at the following location.
https://github.com/nakamura196/ramp_data/blob/main/docs/demo/3571280/manifest.json
Specifically, it was necessary to add an accompanyingCanvas to the Canvas as follows.
{ " " " " } i t d a , d y u c " " " " " ] " p r c i t h w i : e a o d y e i t { } " t m " p i d e " : i p : e g t m " " " ] h o a " h h s i t i t " n n " : t " " d y t { } t C " y h " : : " p e p a : i t " : : e m " " " " } " s n n t C 1 [ " s i t m b , t : 1 g p a 1 0 " : " d y o o " " " " " a / a 5 C s n 0 2 h : " p t d i t h w f r / s 6 a : 2 4 t " : e i y d y e i o g n " . n / a 4 , t A [ " v " " p i d r e a , 0 / s , p n " : a : : e g t m t k 7 a n " s n h t " h h a " a 9 s a , : t " i { " : t " t : m 9 " k t t A o h " : " u 9 : a / a p n n t " : : " r 9 m n t s n " t I 1 h a 9 { u a i : : p m 1 0 " t 1 9 r k o t s a 0 2 i t 9 9 a a n / a " : g 2 4 m p 6 9 1 m P n t p / e 4 , a s . 9 9 u a a i a / " , g : g 9 6 r g k o i n , e / i 9 . a e a n n a / / t 8 g 1 " m " t k j n h , i 9 , u , i a p a u t 6 r n m e k b h . a g u g a . u g 1 " r " m i b i 9 , a u o . t 6 1 r / i h . 9 a r o u g 6 1 a / b i . 9 m r . t g 6 p a i h i . _ m o u t g d p / b h i a _ r . u t t d a i b h a a m o . u / t p / i b d a _ r o . e / d a / i m d a m r o o e t p a / / m a _ m r 3 o / d p a 5 / d a _ m 7 3 e t d p 1 5 m a a _ 2 7 o / t d 8 1 / d a a 0 2 3 e / t / 8 5 m d a c 0 7 o e / a / 1 / m d n c 2 3 o e v a 8 5 / m a n 0 7 3 o s v / 1 5 / " a c 2 7 3 , s a 8 1 5 / n 0 2 7 a v / 8 1 c a c 0 2 c s a / 8 o / n 3 0 m a v 5 / p c a 7 c a c s 1 a n o / 2 n y m a 8 v i p c 0 a n a c _ s g n o s / " y m u a , i p m c n a m c g n a o / y r m a i y p n n _ a n g i n o / m y t a a i a n g n t n e g i o . / o t j a n a p n / t g n p i " o a o , t g n a e / t " i i , m o a n g / e p " a , g e " It may be a bit hard to follow, but here is the code example using iiif_prezi3. The accompanyingCanvas is created via create_accompanying_canvas() and associated with the canvas.
d d d e e e f f f a i i c i w a a a a r c a a a r d f f r m , c n c c e r n n n e d e c n c c t e n n n t _ s o a = h o o o o u a o o o u a e p p s a s t m _ m m r t _ i m b ) t _ r c l r r . c e e I = p p p p n e p = d o o , a p n c f i i p c l _ m a a a a _ a = t d r a o . n n a o f a a i n g n n a i g i f i y g g a m v t t t m . c g m y e y y c m e i " v = i t f h w e e n p e ( ( h p c c e . i , i i c a i { a i d y o e i t . n a r " s . a a o . s n n n o g = f s t i = p r i d = a o n b A e e n n m o i g a g g m e _ e i i f e m g t a d _ y o d l x y v p p z C n C C p _ i p l o f " = a h h n d p i s d f i i a a e e a n a a a a i r f n _ { " t t = n _ a n e i . s n s n n n o n n n n i e . = p s I = = w o i g g : n i t g . y ( v v v y n f z p " r e m " h i _ t e _ g m s C a i s a = a a i o _ i r p e l a i e d p e , i a ( a c n e s s s n t p 3 e a z f g m i t a m m a g s n c g l s . . g a r . f i i . e a g h g ( a a c e e v o _ f = e s a C t e A i n 3 p " g h e a n g c _ l a m c . l e d a i z n x t . r , e t . n n e o p f s p a i i f t d n o i n } i R e / , i n o ( m a . a n m i . _ _ v n 3 o / n e f j d o s p t i = n v a i c h i a ( . t c g s i p ) e a h m y a g f r w t s s A a a " o x e l n ) a s i s e _ e d e e n t n , u } g f y g e n ( _ p a ( m l n i v r / " ) i e l g s p r t h ( f o o a c { , : n _ f C e a e e e a , t n s e s g p . a l t z _ i n a ( / I e a c n f h i i g n w t a t l i t r v ) ) 3 m h o i i c e f m h e a : . a t _ d o c m . a ) a s C g = p t n o ( i g : t a e h a h P m t e e = n _ , g , a p e " _ v a e g a m ) a a a n w ) h e n _ c c s n i e ( y i c c ( o d i i i d o o i t t g d n } m m d a h h = g _ p p = t = t f / s a a f i w ) " a u n n " o ) : { n m y y { n s n m i i s ( e o a n n e w l t r g g l , f a y _ C f . t _ c a . h p i i a n p ) r o m n v r e n a v a e f / g a s f i i e s i x m . ( x } a { ) } / g s / c e e c a " l a n , f n v . v a i a s m s / a / a g a c e c c _ c o f o m o m p r p a m a n a n y t y i } i n " n g , g / " a ) n n o t a t i o n / p a g e " )
(Reference) Creating Image Files# Since the National Diet Library’s Historical Sound Archive (Rekion) does not provide image data, sample images were created using DALL-E 3.
For image creation, the transcribed text was summarized and used as a prompt.
The summary text was also stored in the summary field. Note that since there are errors in the transcribed text, the summary text may also contain errors.
{ } " " " " } " } @ i t l , s c d y a " ] u " ] o " p b j m j n : e e a " m a " t " l " 日 a " 日 e " : " : 本 r : 本 x h : の y 語 t t " [ ア " [ の " t M { ク : ア : p a セ ク s n ン { セ " : i ト ン h / f と ト t / e 言 は t n s 葉 、 p a t 調 言 : k " 子 葉 / a , （ の / m 下 声 i u ） の i r " 上 i a げ f 1 下 . 9 げ i 6 を o . 指 g し a i ま p t す i h が / u 、 p b 同 r . じ e i 言 s o 葉 e / で n r も t a 場 a m 合 t p に i _ よ o d っ n a て / t 変 3 a わ / / る c d こ o e と n m が t o あ e / り x 3 ま t 5 す . 7 。 j 1 例 s 2 え o 8 ば n 0 、 " / 「 , m そ a う n で i す f か e 」 s の t よ . う j に s 、 o 終 n わ " り , の 部 分 が 上 が っ た り 下 が っ た り す る こ と が あ り ま す 。 こ れ を 「 言 葉 上 司 」 と 呼 び ま す 。 言 葉 上 司 に は 二 つ の 種 類 が あ り ま す 。 一 つ は 文 の 切 れ 目 で の 上 げ 下 げ 、 も う 一 つ は ア ク セ ン ト に 従 っ て 声 の 高 低 を 変 え る も の で す 。 声 を 高 く す る と 自 然 に 強 く な り 、 話 す 人 の 感 情 が 反 映 さ れ ま す 。 例 え ば 、 「 お や お や 」 と い う 言 葉 は 、 そ の 時 の 心 持 ち に よ っ て 変 わ り ま す が 、 特 定 の ア ク セ ン ト は あ り ま せ ん 。 " Summary# I hope this is helpful for combining audio and images using IIIF.
