Update src/streamlit_app.py

src/streamlit_app.py

@@ -61,28 +61,34 @@ def display_status_and_action(text):
 
         # 오디오 스트림 재설정 후 재생
         mp3_fp.seek(0)
-        # CSS를 이용해 세로 정렬 및 help 제거 스타일 적용
-        st.markdown("""
+        
+        # Base64 인코딩
+        audio_bytes = mp3_fp.read()
+        audio_base64 = base64.b64encode(audio_bytes).decode()        
+        
+        # HTML 스타일 및 오디오 출력
+        audio_html = f"""
             <style>
-            .audio-container {
-                display: flex;
-                align-items: center;
-                gap: 10px;
-            }
-            .audio-icon {
-                font-size: 30px;
-            }
+                .audio-container {{
+                    display: flex;
+                    align-items: center;
+                    gap: 10px;
+                }}
+                .audio-icon {{
+                    font-size: 30px;
+                }}
             </style>
             <div class="audio-container">
                 <div class="audio-icon">🔊</div>
-                <div class="audio-player">
-            """, unsafe_allow_html=True)
-        
-        # st.audio 삽입
-        st.audio(mp3_fp, format="audio/mp3")
+                <audio controls>
+                    <source src="data:audio/mp3;base64,{audio_base64}" type="audio/mp3">
+                    브라우저가 오디오 태그를 지원하지 않습니다.
+                </audio>
+            </div>
+        """
         
-        # 닫는 div
-        st.markdown("</div></div>", unsafe_allow_html=True)
+        # HTML 렌더링
+        st.markdown(audio_html, unsafe_allow_html=True)
 
 # 상태 및 조치 출력
 display_status_and_action(selected_text)