new

app copy 2.py

@@ -0,0 +1,39 @@
+import gradio as gr
+
+
+def click_js():
+    return """function audioRecord() {
+    var xPathRes = document.evaluate ('//*[contains(@class, "record")]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null); 
+    xPathRes.singleNodeValue.click();}"""
+
+
+def action(btn):
+    """Changes button text on click"""
+    if btn == 'Speak': return 'Stop'
+    else: return 'Speak'
+
+
+def check_btn(btn):
+    """Checks for correct button text before invoking transcribe()"""
+    if btn != 'Speak': raise Exception('Recording...')
+
+
+def transcribe():
+    return 'Success'
+
+with gr.Blocks() as demo:
+    msg = gr.Textbox()
+    audio_box = gr.Audio(label="Audio", sources="microphone", type="filepath", elem_id='audio')
+
+    with gr.Row():
+        audio_btn = gr.Button('Speak')
+        clear = gr.Button("Clear")
+
+    audio_btn.click(fn=action, inputs=audio_btn, outputs=audio_btn).\
+              then(fn=lambda: None, js=click_js()).\
+              then(fn=check_btn, inputs=audio_btn).\
+              success(fn=transcribe, outputs=msg)
+
+    clear.click(lambda: None, None, msg, queue=False)
+
+demo.queue().launch(debug=True)

app copy.py

@@ -0,0 +1,20 @@
+import gradio as gr
+
+def save_audio(audio):
+    """
+    This function simply returns the audio file it receives, simulating a save.
+    Gradio handles the recording directly in the browser.
+    """
+    return audio
+
+# Create a Gradio interface for recording audio
+iface = gr.Interface(
+    fn=save_audio,
+    inputs=gr.Audio(source="microphone", type="filepath"),
+    outputs=gr.Audio(label="Playback Recorded Audio"),
+    title="Simple Browser-Based Voice Recorder",
+    description="Click 'Record' to start recording. Click 'Stop' to end recording. Playback the recording below."
+)
+
+# Run the Gradio app
+iface.launch()

app.py

@@ -1,20 +1,40 @@
 import gradio as gr
 
-def save_audio(audio):
-    """
-    This function simply returns the audio file it receives, simulating a save.
-    Gradio handles the recording directly in the browser.
-    """
-    return audio
-
-# Create a Gradio interface for recording audio
-iface = gr.Interface(
-    fn=save_audio,
-    inputs=gr.Audio(source="microphone", type="filepath"),
-    outputs=gr.Audio(label="Playback Recorded Audio"),
-    title="Simple Browser-Based Voice Recorder",
-    description="Click 'Record' to start recording. Click 'Stop' to end recording. Playback the recording below."
-)
-
-# Run the Gradio app
-iface.launch()
+
+def click_js():
+    return """function audioRecord() {
+    var xPathRes = document.evaluate ('//*[@id="audio"]//button', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null); 
+    xPathRes.singleNodeValue.click();}"""
+
+
+def action(btn):
+    """Changes button text on click"""
+    if btn == 'Speak': return 'Stop'
+    else: return 'Speak'
+
+
+def check_btn(btn):
+    """Checks for correct button text before invoking transcribe()"""
+    if btn != 'Speak': raise Exception('Recording...')
+
+
+def transcribe():
+    return 'Success'
+
+
+with gr.Blocks() as demo:
+    msg = gr.Textbox()
+    audio_box = gr.Audio(label="Audio", sources="microphone", type="filepath", elem_id='audio')
+
+    with gr.Row():
+        audio_btn = gr.Button('Speak')
+        clear = gr.Button("Clear")
+
+    audio_btn.click(fn=action, inputs=audio_btn, outputs=audio_btn).\
+              then(fn=lambda: None, js=click_js()).\
+              then(fn=check_btn, inputs=audio_btn).\
+              success(fn=transcribe, outputs=msg)
+
+    clear.click(lambda: None, None, msg, queue=False)
+
+demo.queue().launch(debug=True)