Spaces:
Sleeping
Sleeping
Update src/streamlit_app.py
Browse files- src/streamlit_app.py +21 -6
src/streamlit_app.py
CHANGED
|
@@ -61,14 +61,29 @@ def display_status_and_action(text):
|
|
| 61 |
|
| 62 |
# ์ค๋์ค ์คํธ๋ฆผ ์ฌ์ค์ ํ ์ฌ์
|
| 63 |
mp3_fp.seek(0)
|
| 64 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 65 |
|
| 66 |
-
|
| 67 |
-
|
| 68 |
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
# ์ํ ๋ฐ ์กฐ์น ์ถ๋ ฅ
|
| 73 |
display_status_and_action(selected_text)
|
| 74 |
|
|
|
|
| 61 |
|
| 62 |
# ์ค๋์ค ์คํธ๋ฆผ ์ฌ์ค์ ํ ์ฌ์
|
| 63 |
mp3_fp.seek(0)
|
| 64 |
+
# CSS๋ฅผ ์ด์ฉํด ์ธ๋ก ์ ๋ ฌ ๋ฐ help ์ ๊ฑฐ ์คํ์ผ ์ ์ฉ
|
| 65 |
+
st.markdown("""
|
| 66 |
+
<style>
|
| 67 |
+
.audio-container {
|
| 68 |
+
display: flex;
|
| 69 |
+
align-items: center;
|
| 70 |
+
gap: 10px;
|
| 71 |
+
}
|
| 72 |
+
.audio-icon {
|
| 73 |
+
font-size: 30px;
|
| 74 |
+
}
|
| 75 |
+
</style>
|
| 76 |
+
<div class="audio-container">
|
| 77 |
+
<div class="audio-icon">๐</div>
|
| 78 |
+
<div class="audio-player">
|
| 79 |
+
""", unsafe_allow_html=True)
|
| 80 |
|
| 81 |
+
# st.audio ์ฝ์
|
| 82 |
+
st.audio(mp3_fp, format="audio/mp3")
|
| 83 |
|
| 84 |
+
# ๋ซ๋ div
|
| 85 |
+
st.markdown("</div></div>", unsafe_allow_html=True)
|
| 86 |
+
|
| 87 |
# ์ํ ๋ฐ ์กฐ์น ์ถ๋ ฅ
|
| 88 |
display_status_and_action(selected_text)
|
| 89 |
|