Update app.py

app.py

@@ -1,37 +1,25 @@
 import streamlit as st
-from bokeh.models.widgets import Button
-from bokeh.models import CustomJS
-from streamlit_bokeh_events import streamlit_bokeh_events
+from streamlit_mic_recorder import mic_recorder,speech_to_text
 
-stt_button = Button(label="Speak", width=100)
+state=st.session_state
 
-stt_button.js_on_event("button_click", CustomJS(code="""
-    var recognition = new webkitSpeechRecognition();
-    recognition.continuous = true;
-    recognition.interimResults = true;
- 
-    recognition.onresult = function (e) {
-        var value = "";
-        for (var i = e.resultIndex; i < e.results.length; ++i) {
-            if (e.results[i].isFinal) {
-                value += e.results[i][0].transcript;
-            }
-        }
-        if ( value != "") {
-            document.dispatchEvent(new CustomEvent("GET_TEXT", {detail: value}));
-        }
-    }
-    recognition.start();
-    """))
+if 'text_received' not in state:
+    state.text_received=[]
 
-result = streamlit_bokeh_events(
-    stt_button,
-    events="GET_TEXT",
-    key="listen",
-    refresh_on_update=False,
-    override_height=75,
-    debounce_time=0)
+c1,c2=st.columns(2)
+with c1:
+    st.write("Convert speech to text:")
+with c2:
+    text=speech_to_text(language='en',use_container_width=True,just_once=True,key='STT')
 
-if result:
-    if "GET_TEXT" in result:
-        st.write(result.get("GET_TEXT"))
+if text:       
+    state.text_received.append(text)
+
+for text in state.text_received:
+    st.text(text)
+
+st.write("Record your voice, and play the recorded audio:")
+audio=mic_recorder(start_prompt="⏺️",stop_prompt="⏹️",key='recorder')
+
+if audio:       
+    st.audio(audio['bytes'])