Update app.py

app.py

@@ -1,4 +1,5 @@
 import os
+import time
 import gradio as gr
 from gtts import gTTS
 import hashlib  # 🎵 파일명을 고유하게 하기 위해 추가
@@ -33,18 +34,31 @@ long_vowel_stories = [
     {"text": "A baby bird flew away.", "image": f"{image_base_url}20.webp"}
 ]
 
-# 📌 gTTS를 사용하여 음성 파일 생성 (고유한 파일명 사용)
+# 📌 gTTS를 사용하여 음성 파일 생성 (고유한 파일명 + 캐싱 시스템 추가)
+cached_audio = {}  # 같은 문장에 대해 API를 여러 번 호출하지 않도록 저장
+
 def generate_audio(text):
     try:
+        # 🎵 이미 생성된 음성이 있으면 재사용 (429 오류 방지)
+        if text in cached_audio:
+            return cached_audio[text]
+
         # 🎵 고유한 파일명 생성
         hash_key = hashlib.md5(text.encode()).hexdigest()[:10]  # 해시 앞 10자리 사용
         filename = f"audio_{hash_key}.mp3"
 
-        # 🎵 음성 파일 생성
+        # 🎵 gTTS를 사용하여 음성 생성
         tts = gTTS(text=text, lang="en")
         tts.save(filename)
 
         print(f"✅ 음성 파일 생성 완료: {filename}")
+        
+        # 🎵 생성된 파일 캐싱
+        cached_audio[text] = filename
+
+        # 🎵 요청 제한을 피하기 위해 1.5초 대기
+        time.sleep(1.5)
+
         return filename
     except Exception as e:
         print(f"⚠️ 음성 생성 실패: {e}")
@@ -59,10 +73,9 @@ def next_story(current_index, story_list):
     audio_file = generate_audio(text)
     return new_index, text, image, audio_file, text
 
-# 📌 "재생" 버튼 클릭 시 호출되는 함수
+# 📌 "재생" 버튼 클릭 시 호출되는 함수 (Gradio 최신 버전에 맞게 수정)
 def play_story(current_text):
-    audio_file = generate_audio(current_text)
-    return gr.Audio.update(value=audio_file)
+    return generate_audio(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"])
@@ -70,35 +83,6 @@ init_index_long, init_text_long, init_image_long, init_audio_long = 0, long_vowe
 
 # 📌 Gradio UI 구성
 with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
-    gr.HTML("""
-    <style>
-    body {
-        background-color: #FFFAF0; /* 따뜻한 크림색 배경 */
-    }
-
-    .btn-custom {
-        font-size: 1.5em;
-        font-weight: bold;
-        border-radius: 20px;
-        padding: 10px;
-        margin: 5px;
-    }
-
-    .next-btn {
-        background-color: #FFD700; /* 노란색 버튼 */
-    }
-
-    .play-btn {
-        background-color: #90EE90; /* 연한 초록색 버튼 */
-    }
-
-    img {
-        border-radius: 10px;
-        border: 5px solid #FFFFFF;
-    }
-    </style>
-    """)
-
     with gr.Tabs():
         with gr.TabItem("Short Vowel (단모음)"):
             state_index_short = gr.State(value=init_index_short)
@@ -109,8 +93,8 @@ with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
             audio_output_short = gr.Audio(value=init_audio_short, autoplay=True)
 
             with gr.Row():
-                next_button_short = gr.Button("👉 다음 이야기", elem_classes=["btn-custom", "next-btn"])
-                play_button_short = gr.Button("🔊 다시 듣기", elem_classes=["btn-custom", "play-btn"])
+                next_button_short = gr.Button("👉 다음 이야기")
+                play_button_short = gr.Button("🔊 다시 듣기")
 
             next_button_short.click(
                 fn=next_story,
@@ -133,8 +117,8 @@ with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
             audio_output_long = gr.Audio(value=init_audio_long, autoplay=False)
 
             with gr.Row():
-                next_button_long = gr.Button("👉 다음 이야기", elem_classes=["btn-custom", "next-btn"])
-                play_button_long = gr.Button("🔊 다시 듣기", elem_classes=["btn-custom", "play-btn"])
+                next_button_long = gr.Button("👉 다음 이야기")
+                play_button_long = gr.Button("🔊 다시 듣기")
 
             next_button_long.click(
                 fn=next_story,
@@ -148,5 +132,6 @@ with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
                 outputs=[audio_output_long]
             )
 
+
 # 📌 앱 실행
 demo.launch()