Update silence_detection.js

silence_detection.js

@@ -1,57 +1,39 @@
-<script>
-let audioContext;
-let analyser;
-let microphone;
-let javascriptNode;
-
-function detectSilence(stream, silence_delay, min_decibels) {
-    audioContext = new AudioContext();
-    analyser = audioContext.createAnalyser();
-    microphone = audioContext.createMediaStreamSource(stream);
-    javascriptNode = audioContext.createScriptProcessor(2048, 1, 1);
-
-    analyser.smoothingTimeConstant = 0.8;
-    analyser.fftSize = 1024;
-
-    microphone.connect(analyser);
-    analyser.connect(javascriptNode);
-    javascriptNode.connect(audioContext.destination);
-
-    let silence_start = performance.now();
-    let triggered = false;
-
-    javascriptNode.onaudioprocess = function() {
-        var array = new Uint8Array(analyser.frequencyBinCount);
-        analyser.getByteFrequencyData(array);
-        var values = 0;
-
-        var length = array.length;
-        for (var i = 0; i < length; i++) {
-            values += (array[i]);
-        }
-
-        var average = values / length;
-
-        if(average < min_decibels) {
-            if(!triggered){
-                silence_start = performance.now();
-                triggered = true;
-            }
-            if(triggered && (performance.now() - silence_start ) > silence_delay){
-                document.querySelector('#component-3').click();
-                audioContext.close();
-            }
-        } else {
-            triggered = false;
+with gr.Blocks() as demo:    
+    with gr.Row():
+        web_search = gr.Checkbox(label="Web Search", value=False)
+        input_audio = gr.Audio(source="microphone", type="filepath", streaming=True)
+        output_audio = gr.Audio(label="AI Response", autoplay=True)
+    
+    is_recording = gr.State(False)
+    last_interaction_time = gr.State(time.time())
+
+    def toggle_recording():
+        return not is_recording.value
+
+    def process_audio(audio, web_search, is_rec):
+        current_time = time.time()
+        if is_rec and (current_time - last_interaction_time.value > 2):
+            last_interaction_time.value = current_time
+            return transcribe_and_respond(audio, web_search), False
+        return None, is_rec
+
+    input_audio.stream(process_audio, inputs=[input_audio, web_search, is_recording], outputs=[output_audio, is_recording])
+
+    demo.load(toggle_recording, outputs=[is_recording])
+
+    # Carregando o arquivo JavaScript
+demo.load(None, js="""
+    async () => {
+        try {
+            const script = document.createElement('script');
+            script.src = 'silence_detection.js';
+            document.head.appendChild(script);
+            console.log('Silence detection script loaded successfully');
+        } catch (error) {
+            console.error('Error loading silence detection script:', error);
         }
     }
-}
+""")
 
-navigator.mediaDevices.getUserMedia({ audio: true, video: false })
-.then(function(stream) {
-    detectSilence(stream, 2000, 30);
-})
-.catch(function(err) {
-    console.log('Error: ' + err);
-});
-</script>
+if __name__ == "__main__":
+    demo.queue(max_size=200).launch()