Update app.py

app.py

@@ -618,7 +618,7 @@ def create_interface():
     AUDIO_PLAYER_HTML = """
     <div class="audio-player-container">
         <audio id="mainAudio" preload="auto">
-            <source src="assets/main_music.mp3" type="audio/mp3">
+            <source src="/assets/main_music.mp3" type="audio/mpeg">
             Your browser does not support the audio element.
         </audio>
         <button id="playButton" onclick="togglePlay()" class="custom-audio-button">
@@ -632,7 +632,7 @@ def create_interface():
         
         function togglePlay() {
             if (!isPlaying) {
-                audioElement.load();  // 재생 전 로드 추가
+                audioElement.currentTime = 0;  // 재생 시작 시 처음부터
                 audioElement.play()
                 .then(() => {
                     isPlaying = true;
@@ -648,18 +648,8 @@ def create_interface():
                 playButtonText.textContent = '재생';
             }
         }
-        
-        audioElement.addEventListener('ended', function() {
-            isPlaying = false;
-            playButtonText.textContent = '재생';
-        });
-        
-        audioElement.addEventListener('error', function(e) {
-            console.error("Audio error:", e);
-            alert("음악 파일을 불러오는데 실패했습니다. 페이지를 새로고침해주세요.");
-        });
     </script>
-
+    """
     <style>
         .audio-player-container {
             margin: 20px 0;
@@ -704,6 +694,16 @@ def create_interface():
 
         /* 모바일 뷰 */
         @media (max-width: 600px) {
+            .mobile-logo { 
+                display: none !important; 
+            }
+            .desktop-logo {
+                display: block !important;
+                width: 100%;
+                height: auto;
+                max-width: 800px;
+                margin: 0 auto;
+            }
             .container { padding: 10px !important; }
             .gradio-row { 
                 flex-direction: column !important;
@@ -733,13 +733,15 @@ def create_interface():
                 max-width: 800px;
                 margin: 0 auto;
             }
-            .mobile-logo { display: none !important; }
-            .desktop-logo {
-                width: 100%;
-                height: auto;
-                max-width: 800px;
-                margin: 0 auto;
-                display: block;
+            .desktop-logo { 
+                display: none !important; 
+            }
+            .mobile-logo {
+                display: block !important;
+                width: 100% !important;
+                height: auto !important;
+                max-width: 300px !important;
+                margin: 0 auto !important;
             }
             /* 데스크탑에서 2단 컬럼 레이아웃 보완 */
             .gradio-row {
@@ -952,6 +954,23 @@ def create_interface():
                     interactive=False,
                     wrap=True
                 )
+            with gr.TabItem("프로젝트 소개") as tab_intro:
+                gr.Markdown("""
+                # 디지털 굿판 프로젝트
+                
+                본 사업은 전통 굿의 요소와 현대 기술을 결합해 참여자들이 자연과 깊이 연결되며 내면을 탐색하고 치유하는 경험을 제공하는 다원예술 프로젝트입니다.
+                
+                금샘과 온천천의 생명 창조 신화를 배경으로, 참여자들은 자연의 소리에 귀를 기울이고, 신화에 몰입하며, 감정을 표현하는 과정에서 개인적 및 공동체적 치유의 여정을 걷습니다.
+                
+                AI와 사운드스케이프 같은 현대 기술, 장소성, 신화적 요소가 어우러져 삶과 예술, 자연과 기술이 조화를 이루는 체험 공간을 창조합니다.
+                
+                이 프로젝트는 현대 사회의 삶에 대한 근본적인 질문을 던지며 새로운 문화적 지향점을 모색합니다.
+                
+                ## 크레딧
+                - **기획**: 루츠리딤, 전승아
+                - **음악**: 루츠리딤 (이광혁)
+                - **미디어아트**: 송지훈
+                """)                
 
         # 이벤트 핸들러들
         def handle_name_submit(name, state):
@@ -1025,24 +1044,24 @@ def create_interface():
                 return state, []
             
             try:
-                current_time = datetime.now().strftime("%H:%M:%S")
+                current_time = datetime.now().strftime("%Y-%m-%d %H:%M:%S")
+                name = state.get("user_name", "익명")
+                
                 if text_analyzer:
                     sentiment = text_analyzer(text)[0]
                     sentiment_text = f"{sentiment['label']} ({sentiment['score']:.2f})"
-                    db.save_reflection(state.get("user_name", "익명"), text, sentiment)
                 else:
                     sentiment_text = "분석 불가"
-                    db.save_reflection(state.get("user_name", "익���"), text, {"label": "unknown", "score": 0.0})
-
-                new_reflection = [current_time, text, sentiment_text]
-                reflections = state.get("reflections", [])
-                reflections.append(new_reflection)
-                state = safe_state_update(state, {"reflections": reflections})
+        
+                # DB에 저장
+                db.save_reflection(name, text, sentiment_text)
                 
-                return state, db.get_all_reflections()
+                # 화면에는 현재 사용자의 입력만 표시
+                return state, [[current_time, text, sentiment_text]]
+        
             except Exception as e:
                 print(f"Error saving reflection: {e}")
-                return state, state.get("reflections", [])
+                return state, []
 
         def save_reflection_fixed(text, state):
             if not text.strip():
@@ -1098,24 +1117,34 @@ def create_interface():
                 print(f"Error saving wish: {e}")
                 return "오류가 발생했습니다.", []
                 
-        def safe_analyze_voice(audio_data, current_state):
+        def safe_analyze_voice(audio_data, state):
             if audio_data is None:
-                return current_state, "음성을 먼저 녹음해주세요.", "", "", "", gr.update(visible=True)
+                return state, "음성을 먼저 녹음해주세요.", "", "", "", gr.update(visible=False)
             
             try:
-                status_display.update(value="분석 중입니다...", visible=True)
-                result = analyze_voice(audio_data, current_state)
-                status_display.update(value="", visible=False)
-                return (*result, gr.update(visible=False))
+                processing_status = gr.Markdown("분석 중입니다...", visible=True)
+                
+                # 음성 데이터 전처리 확인
+                sr, y = audio_data
+                if len(y) == 0:
+                    return state, "음성이 감지되지 않았습니다.", "", "", "", gr.update(visible=False)
+                    
+                result = analyze_voice(audio_data, state)
+                if result[1] == "음성 인식 실패":
+                    return state, "음성 인식에 실패했습니다. 다시 시도해주세요.", "", "", "", gr.update(visible=False)
+                    
+                processing_status.update(visible=False)
+                return result
+                
             except Exception as e:
                 print(f"Voice analysis error: {str(e)}")
                 return (
-                    current_state,
+                    state,
                     "음성 분석 중 오류가 발생했습니다. 다시 시도해주세요.",
                     "",
                     "",
                     "",
-                    gr.update(visible=True)
+                    gr.update(visible=False)
                 )