Update app.py

app.py

@@ -1,7 +1,7 @@
+import os
 import requests
 import gradio as gr
-
-
+from gtts import gTTS  # ✅ gTTS 추가
 
 # 스토리 데이터 (텍스트 + 이미지 URL 포함)
 image_base_url = "https://huggingface.co/spaces/englissi/englishstories/resolve/main/image/"
@@ -18,35 +18,16 @@ stories = [
     {"text": "Fun in the sun is the best!", "image": f"{image_base_url}10.webp"}
 ]
 
+# 📌 gTTS를 사용하여 음성 파일 생성
 def generate_audio(text, filename="story.mp3"):
     try:
-        # 로컬 Fish Speech 서버 주소
-        api_url = "http://localhost:8080/tts"
-        data = {"text": text, "speaker": "en_us_male"}  # 화자 설정 (필요에 따라 변경)
-
-        # Fish Speech 서버에 요청 보내기
-        response = requests.post(api_url, json=data)
-
-        # 응답 확인 및 음성 저장
-        if response.status_code == 200:
-            with open(filename, "wb") as f:
-                f.write(response.content)
-            print(f"✅ 음성 파일 생성 완료: {filename}")
-            return filename
-        else:
-            print(f"⚠️ 음성 생성 실패: {response.status_code}")
-            return None
+        tts = gTTS(text=text, lang="en")  # ✅ 영어 음성 생성
+        tts.save(filename)
+        print(f"✅ 음성 파일 생성 완료: {filename}")
+        return filename
     except Exception as e:
-        print(f"⚠️ 오류 발생: {e}")
+        print(f"⚠️ 음성 생성 실패: {e}")
         return None
-        
-
-# 동기 실행을 위해 래핑
-def generate_audio(text, filename="story.mp3"):
-    loop = asyncio.new_event_loop()
-    asyncio.set_event_loop(loop)
-    loop.run_until_complete(generate_audio_async(text, filename))
-    return filename
 
 # 스토리 텍스트를 HTML 스타일로 크게 표시하고 중앙 정렬하는 함수
 def format_story_text(text):
@@ -91,14 +72,10 @@ init_index, init_text, init_image, init_audio = init_story()
 
 # Gradio 인터페이스 구성
 with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
-    gr.HTML(
-        "<h1 style='text-align:center;'>🎈 재미있는 영어 스토리 타임! 📖</h1>"
-    )
-    
-    gr.HTML(
-        "<p style='text-align:center; font-size:1.2em;'>🐱 귀여운 이야기와 함께 영어를 배워보아요! <br> "
-        "버튼을 눌러 다음 이야기로 넘어가고, 음성을 들으며 따라 읽어보세요! 🎵</p>"
-    )
+    gr.HTML("<h1 style='text-align:center;'>🎈 재미있는 영어 스토리 타임! 📖</h1>")
+
+    gr.HTML("<p style='text-align:center; font-size:1.2em;'>🐱 귀여운 이야기와 함께 영어를 배워보아요! <br> "
+            "버튼을 눌러 다음 이야기로 넘어가고, 음성을 들으며 따라 읽어보세요! 🎵</p>")
 
     # 상태값: 현재 스토리 인덱스와 현재 스토리 텍스트 저장
     state_index = gr.State(value=init_index)
@@ -132,33 +109,5 @@ with gr.Blocks(title="📚 귀여운 스토리 앱") as demo:
         outputs=[audio_output]
     )
 
-# CSS 스타일 추가 (귀여운 테마)
-demo.css = """
-body {
-    background-color: #FFFAF0; /* 따뜻한 크림색 배경 */
-}
-
-#next-btn {
-    background-color: #FFD700; /* 노란색 버튼 */
-    font-size: 1.5em;
-    font-weight: bold;
-    border-radius: 20px;
-    padding: 10px;
-}
-
-#play-btn {
-    background-color: #90EE90; /* 연한 초록색 버튼 */
-    font-size: 1.5em;
-    font-weight: bold;
-    border-radius: 20px;
-    padding: 10px;
-}
-
-img {
-    border-radius: 10px; /* 둥근 테두리 */
-    border: 5px solid #FFFFFF; /* 흰색 테두리 */
-}
-"""
-
 # 앱 실행
-demo.launch()
+demo.launch()