Update src/streamlit_app.py

src/streamlit_app.py

@@ -40,10 +40,26 @@ def display_status_and_action(text):
         col1, col2, col3 = st.columns([6, 1, 1])  # 비율 조정
 
         with col3:
-            if st.button("🎤", help="음성으로 듣기"):
-                # gTTS로 mp3 생성
+            # 사용자 인터랙션 감지를 위한 폼 구성
+            with st.form(key="voice_form"):
+                button_html = """
+                <style>
+                .icon-button {
+                    background-color: transparent;
+                    border: none;
+                    cursor: pointer;
+                    font-size: 24px;
+                }
+                </style>
+                <button class="icon-button" type="submit">🎤</button>
+                """
+                st.markdown(button_html, unsafe_allow_html=True)
+                submitted = st.form_submit_button("🎤 (invisible)", use_container_width=True)  # 내부적으로 submit만 감지용
+        
+            if submitted:
+                # 텍스트 to 음성 처리
                 text_input = warning +" " +text_input
-                cleaned_text = re.sub(r'[\x00-\x1F]+', '', text_input).replace("*", "")
+                cleaned_text = re.sub(r'[\x00-\x1F]+', '', text_input).replace("*", "").replace("⚠️", "")
                 tts = gTTS(text=cleaned_text, lang='ko')
             
                 # 메모리에 저장
@@ -52,7 +68,19 @@ def display_status_and_action(text):
                 
                 # 오디오 스트림 재설정 후 재생
                 mp3_fp.seek(0)
-                st.audio(mp3_fp, format="audio/mp3")
+                # base64 인코딩
+                import base64
+                audio_bytes = mp3_fp.read()
+                b64_audio = base64.b64encode(audio_bytes).decode()
+
+                # HTML 오디오 플레이어 (전체 너비)
+                audio_html = f"""
+                    <audio controls style="width: 100%;">
+                        <source src="data:audio/mp3;base64,{b64_audio}" type="audio/mp3">
+                        브라우저가 오디오를 지원하지 않습니다.
+                    </audio>
+                """
+                st.markdown(audio_html, unsafe_allow_html=True)
 
 # 상태 및 조치 출력
 display_status_and_action(selected_text)