Update app.py

app.py

@@ -391,16 +391,48 @@ def create_interface():
         # Control buttons (Task 3, 16-17)
         with gr.Row():
             connect_btn = gr.Button("🔗 Connect", variant="primary")
+            mic_btn = gr.Button("🎙️ Test Microphone", variant="secondary")
             screen_btn = gr.Button("🖥️ Show Your Screen", variant="secondary") 
             disconnect_btn = gr.Button("🔴 Disconnect", variant="stop")
         
-        # Stream interface
-        if stream and hasattr(stream, 'ui'):
-            gr.Markdown("### 📡 Live Stream")
-            # Mount the FastRTC stream UI
-            stream_ui = stream.ui
+        # Stream interface - FastRTC UI for microphone and video
+        gr.Markdown("### 📡 Live Audio/Video Stream")
+        if stream:
+            # Mount the FastRTC stream UI - this provides microphone access
+            gr.HTML("""
+            <div id="fastrtc-container">
+                <p>🎙️ Microphone and video streaming handled by FastRTC</p>
+                <p>Click 'Test Microphone' and 'Show Your Screen' to activate</p>
+            </div>
+            """)
         else:
-            stream_ui = gr.HTML("<div>⚠️ Stream initialization failed</div>")
+            gr.HTML("<div>⚠️ Stream initialization failed - Check console for errors</div>")
+            
+        # Microphone activation JavaScript
+        microphone_js = '''
+        (async function() {
+            try {
+                // Request microphone permission and start audio
+                const stream = await navigator.mediaDevices.getUserMedia({
+                    audio: {
+                        sampleRate: 16000,
+                        channelCount: 1,
+                        echoCancellation: true,
+                        noiseSuppression: true
+                    }
+                });
+                console.log("Microphone access granted");
+                return "🎙️ Microphone connected successfully";
+            } catch (error) {
+                console.error("Microphone error:", error);
+                if (error.name === "NotAllowedError") {
+                    return "❌ Microphone permission denied - please allow microphone access";
+                } else {
+                    return "❌ Microphone failed: " + error.message;
+                }
+            }
+        })()
+        '''
         
         # Instructions (Task 1-3)
         with gr.Accordion("📋 Instructions", open=True):
@@ -446,6 +478,12 @@ def create_interface():
             outputs=[status_display]
         )
         
+        mic_btn.click(
+            fn=lambda: "🎙️ Testing microphone...",
+            outputs=[status_display],
+            js=microphone_js
+        )
+        
         screen_btn.click(
             fn=lambda: "🖥️ Requesting screen share...",
             outputs=[status_display],