Update app.py

app.py

@@ -34,6 +34,27 @@ long_vowel_stories = [
     {"text": "A baby bird flew away.", "image": f"{image_base_url}20.webp"}
 ]
 
+# 📌 Blends & Digraphs 스토리 데이터
+blends_digraphs_stories = [
+    {"text": "Blake blows a blue blimp.", "image": f"{image_base_url}21.webp"},
+    {"text": "Brad brings a brown brush.", "image": f"{image_base_url}22.webp"},
+    {"text": "The clock clicks and claps.", "image": f"{image_base_url}23.webp"},
+    {"text": "Crispy crackers crunch.", "image": f"{image_base_url}24.webp"},
+    {"text": "A frog frogs on a free log.", "image": f"{image_base_url}25.webp"},
+    {"text": "Green grapes grow big.", "image": f"{image_base_url}26.webp"},
+    {"text": "The train trips on tracks.", "image": f"{image_base_url}27.webp"},
+    {"text": "The ship shines in the sun.", "image": f"{image_base_url}28.webp"},
+    {"text": "Chip and cheese are on my chin.", "image": f"{image_base_url}29.webp"},
+    {"text": "The thumb is thick.", "image": f"{image_base_url}30.webp"},
+    {"text": "White whales whisper.", "image": f"{image_base_url}31.webp"},
+    {"text": "A skunk skips sky-high.", "image": f"{image_base_url}32.webp"},
+    {"text": "The sleepy sloth slides.", "image": f"{image_base_url}33.webp"},
+    {"text": "Small smiles smell sweet.", "image": f"{image_base_url}34.webp"},
+    {"text": "The snail snaps a snack.", "image": f"{image_base_url}35.webp"},
+    {"text": "The spider spins a spotty web.", "image": f"{image_base_url}36.webp"},
+    {"text": "The star stands in the storm.", "image": f"{image_base_url}37.webp"},
+    {"text": "A swan swims in the sweet lake.", "image": f"{image_base_url}38.webp"}
+
 # 📌 gTTS를 사용하여 음성 파일 생성 (고유한 파일명 + 캐싱 시스템 추가)
 cached_audio = {}  # 같은 문장에 대해 API를 여러 번 호출하지 않도록 저장
 
@@ -80,6 +101,8 @@ def play_story(current_text):
 # 📌 초기 데이터 설정
 init_index_short, init_text_short, init_image_short, init_audio_short = 0, short_vowel_stories[0]["text"], short_vowel_stories[0]["image"], generate_audio(short_vowel_stories[0]["text"])
 init_index_long, init_text_long, init_image_long, init_audio_long = 0, long_vowel_stories[0]["text"], long_vowel_stories[0]["image"], generate_audio(long_vowel_stories[0]["text"])
+init_index_blends, init_text_blends, init_image_blends, init_audio_blends = 0, blends_digraphs_stories[0]["text"], blends_digraphs_stories[0]["image"], generate_audio(blends_digraphs_stories[0]["text"])
+
 
 # 📌 Gradio UI 구성
 with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
@@ -199,5 +222,27 @@ with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
                 outputs=[audio_output_long]
             )
 
+        with gr.TabItem("Blends (이중자음)"):
+            state_index_blends = gr.State(value=init_index_blends)
+            state_text_blends = gr.State(value=init_text_blends)
+
+            story_text_blends = gr.HTML(value=f"<div class='story-text'>{init_text_blends}</div>")
+            story_image_blends = gr.Image(value=init_image_blends, width=300, height=300)
+            audio_output_blends = gr.Audio(value=init_audio_blends, autoplay=False)
+
+            with gr.Row():
+                next_button_blends = gr.Button("👉 다음 이야기", elem_classes=["btn-custom", "next-btn"])
+                play_button_blends = gr.Button("🔊 다시 듣기", elem_classes=["btn-custom", "play-btn"])
+
+            next_button_long.click(
+                fn=next_story,
+                inputs=[state_index_blends, gr.State(value=blends_digraphs_storiesies)],
+                outputs=[state_index_blends, story_text_blends, story_image_blends, audio_output_blends, state_text_blends]
+            )
+
+            play_button_blends.click(
+                fn=play_story,
+                inputs=[state_text_blends],
+                outputs=[audio_output_blends]
 # 📌 앱 실행
 demo.launch()