JARVIS-WORKING 1.2

by velo_ninja

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Speech Recognition</title>
    <style>
        /* Your existing styles go here */
    </style>
    <script type="application/javascript">
        var recognition;
        var isRecording = false;
        var stopRecordingTimeout;
        var finalTextDiv; // Declare finalTextDiv globally
        var resultDiv; // Declare resultDiv globally
        var postToIframe = false; // Flag to determine whether to post messages to iframe

        function stopRecording() {
    if (isRecording) {
        console.log('Stopping recording');

        var recognizedSpeech = resultDiv.innerText;

        // Log the recognized speech to the console
        console.log('Recognized Speech:', recognizedSpeech);

        // Optionally, you can add the recognized speech to your logs or perform other actions
        finalTextDiv.innerHTML += recognizedSpeech + '\n';

        // Clear the resultDiv
        resultDiv.innerHTML = '';

        // Reset the finalTextDiv
        resetResultBox();

        // Check if the switch button is on and post messages to iframe
        if (postToIframe) {
            postMessageToIframe(recognizedSpeech);
        }
    }
}

        function resetResultBox() {
            finalTextDiv.innerHTML = '';
        }

        async function start() {
            var startButton = document.getElementById("startButton");
            startButton.disabled = true;

            resultDiv = document.getElementById("result"); // Assign resultDiv globally
            finalTextDiv = document.getElementById("finalText"); // Assign finalTextDiv globally

            var voiceStrengthMeter = document.getElementById("voiceStrength");
            var languageDropdown = document.getElementById("languageDropdown");

            try {
                const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
  ...