no more record contorl, just a start-stop button

query.py

@@ -21,7 +21,7 @@ prompt_template = os.environ.get("PROMPT_TEMPLATE")
 
 prompt = ChatPromptTemplate.from_messages([('system', prompt_template)])
 
-AI = True
+AI = False
 
 def ai_setup():
     global llm, prompt_chain, oai_client
@@ -228,7 +228,10 @@ def play_last(history, state):
             whatson=lab11.voices.get(voice_id)
             response = lab11.generate(text=text, voice=whatson, stream=True)
             yield from response
-    
+
+TEXT_TALK = "🎤 Talk"
+TEXT_STOP = "⏹ Stop"
+
 def gr_main():
     theme = gr.Theme.from_hub("freddyaboulton/dracula_revamped@0.3.9")
     theme.set(
@@ -269,42 +272,61 @@ def gr_main():
                 additional_inputs=[state])
             
             with gr.Row():
-                mic = gr.Audio(
-                    sources=["microphone"],
-                    type="filepath",
-                    show_label=False,
-                    format="mp3",
-                    waveform_options=gr.WaveformOptions(sample_rate=16000))
                 player = gr.Audio(
+                    visible=False,
                     show_label=False,
                     show_download_button=False,
                     show_share_button=False,
-                    visible=True,
                     autoplay=True,
                     streaming=True,
                     interactive=False)
-                # with gr.Column():
-                #     auto_play.render()
-                play_btn  = gr.Button("Play last ")
-
-                mic.change(
-                    on_audio, [mic, state], [iface.textbox, mic]
-                ).then(
-                    lambda x:None,
-                    js='function (text){if (text) document.getElementById("submit_btn").click(); return [text]}',
-                    inputs=iface.textbox
-                )
+                
+                mic = gr.Audio(
+                    sources=["microphone"],
+                    type="filepath",
+                    show_label=False,
+                    format="mp3",
+                    elem_id="microphone",
+                    visible=False,
+                    waveform_options=gr.WaveformOptions(sample_rate=16000, show_recording_waveform=False))
+                
+                start_stop_rec = gr.Button(TEXT_TALK)
+                play_btn  = gr.Button("Play last") #, enabled=False)
+
                 play_btn.click(
                     play_last,
                     [chatbot, state], player)
                 
             
+            start_stop_rec.click(
+                lambda x:x,
+                inputs=start_stop_rec,
+                outputs=start_stop_rec,
+                js=f'''function (text) {{
+                    if (text == "{TEXT_TALK}") {{
+                        document.getElementById("microphone").querySelector(".record-button").click()
+                        return ["{TEXT_STOP}"]
+                    }} else {{
+                        document.getElementById("microphone").querySelector(".stop-button").click()
+                        return ["{TEXT_TALK}"]
+                    }}
+                }}'''
+            )
+            mic.change(
+                on_audio, [mic, state], [iface.textbox, mic]
+            ).then(
+                lambda x:None,
+                inputs=iface.textbox,
+                js='function (text){if (text) document.getElementById("submit_btn").click(); return [text]}'
+            )
+
             token = gr.Textbox(visible=False)
+
             app.load(auth,
                 [token,state],
                 [token,state],
                 js=AUTH_JS)
-    
+        
     app.queue(default_concurrency_limit=None, api_open=False)
     app.launch(show_api=False)