Make UX Better for people who have disabled autoplay

app.py

@@ -183,7 +183,8 @@ async function main() {
     const myvad = await vad.MicVAD.new({
       onSpeechStart: () => {
         var record = document.querySelector('.record-button');
-        if (record != null) {
+        var player = document.querySelector('#streaming-out')
+        if (record != null && (player == null || player.paused)) {
           console.log(record);
           record.click();
         }
@@ -242,7 +243,7 @@ with gr.Blocks(theme=theme, js=js) as demo:
     respond = input_audio.stop_recording(
         response, [state, input_audio], [state, chatbot, output_audio]
     )
-    restart = output_audio.stop(start_recording_user, [state], [input_audio]).then(
+    restart = respond.then(start_recording_user, [state], [input_audio]).then(
         lambda state: state, state, state, js=js_reset
     )