Update index.html

index.html

@@ -58,93 +58,23 @@
         </div>
     </div>
 
-    <script>
-        let synth = window.speechSynthesis;
-
-        function runSpeechRecog() {
-            const selectedLang = document.getElementById("languageSelector").value;
-            const action = document.getElementById('action');
-
-            let recognition = new webkitSpeechRecognition();
-            recognition.lang = selectedLang;
-            recognition.interimResults = false;
-            recognition.continuous = false;
-
-            recognition.onstart = () => {
-                action.innerHTML = "Listening...";
-            };
-
-            recognition.onresult = (event) => {
-                var transcript = event.results[0][0].transcript;
-                action.innerHTML = "";
-                sendMessage(transcript);
-            };
-
-            recognition.onerror = (event) => {
-                action.innerHTML = "Error: " + event.error;
-            };
-
-            recognition.onend = () => {
-                action.innerHTML = "";
-            };
-
-            recognition.start();
-        }
-
-        function sendMessage(message) {
-            showUserMessage(message);
-            sendToFlaskAPI(message);
-        }
-
-        function sendToFlaskAPI(message) {
-            fetch('/api/process_text', {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify({ text: message })
-            })
-            .then(response => response.json())
-            .then(data => {
-                console.log('Response from Flask API:', data);
-                handleResponse(data);
-            })
-            .catch(error => {
-                console.error('Error sending data to Flask API:', error);
-            });
-        }
-
-        function handleResponse(data) {
-            showBotMessage(data);
-            speakResponse(data);
-        }
-
-        function showUserMessage(message) {
-            var chatBox = document.getElementById('chat-box');
-            var userMessageHTML = '<div class="user-message">' + message + '</div>';
-            chatBox.innerHTML += userMessageHTML;
-        }
-
-        function showBotMessage(message) {
-            var chatBox = document.getElementById('chat-box');
-            var botMessageHTML = '<div class="bot-message">' + message + '</div>';
-            chatBox.innerHTML += botMessageHTML;
-        }
-
-        function speakResponse(response) {
-            var utterance = new SpeechSynthesisUtterance(response);
-            speechSynthesis.speak(utterance);
-            window.addEventListener('beforeunload', function () {
-                if (synth.speaking) {
-                    synth.cancel();
-                }
-            });
-            document.getElementById('speech').addEventListener('click', function () {
-                if (synth.speaking) {
-                    synth.cancel();
-                }
-            });
+    <button onclick="speak()">Speak</button>
+<script>
+function speak() {
+    const synth = window.speechSynthesis;
+    const utter = new SpeechSynthesisUtterance("Hello! This is a Safari test.");
+    utter.lang = 'en-US';
+
+    // Wait for voices to be loaded (Safari quirk)
+    const interval = setInterval(() => {
+        const voices = synth.getVoices();
+        if (voices.length > 0) {
+            utter.voice = voices.find(v => v.lang === 'en-US') || voices[0];
+            synth.speak(utter);
+            clearInterval(interval);
         }
-    </script>
+    }, 100);
+}
+</script>
 </body>
 </html>