Attempt ViaAnthroposBenevolentia#3 to fix Permission Denied in mobile when turning on the mic

ViaAnthroposBenevolentia · ViaAnthroposBenevolentia · commit 7e2a03e7a866 · 2024-12-24T04:34:09.000+05:00
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Gemini 2.0 Flash Multimodal Live API Client</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
     <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
@@ -21,7 +21,7 @@
         <input type="text" id="message-input" placeholder="Enter message...">
         <button id="send-button">Send</button>
         <button id="mic-button">
-            <span id="mic-icon" class="material-symbols-outlined">mic</span>
+            <span id="mic-icon" class="material-icons">mic</span>
         </button>
         <button id="camera-button">
             <span id="camera-icon" class="material-symbols-outlined">videocam</span>
diff --git a/js/main.js b/js/main.js
@@ -328,7 +328,19 @@ messageInput.addEventListener('keypress', (event) => {
     }
 });
 
-micButton.addEventListener('click', handleMicToggle);
+// Remove all existing mic button event listeners
+micButton.removeEventListener('click', handleMicToggle);
+micButton.onclick = null;
+
+// Add a single, simple click handler
+micButton.addEventListener('click', () => {
+    console.log('Mic button clicked');  // Debug log
+    if (!isConnected) {
+        logMessage('Please connect first', 'system');
+        return;
+    }
+    handleMicToggle();
+});
 
 connectButton.addEventListener('click', () => {
     if (isConnected) {
@@ -635,3 +647,18 @@ function checkAudioSupport() {
     }
     return true;
 }
+
+if (!micButton) {
+    console.error('Mic button not found in DOM');
+} else {
+    Logger.info('Mic button found and initialized');
+}
+
+micButton.onclick = () => {
+    console.log('Mic button clicked (direct onclick)');
+};
+
+if (micButton) {
+    micButton.disabled = true;  // Start disabled
+    console.log('Mic button initialized and disabled');
+}
