window.addEventListener('DOMContentLoaded', () => {
    const startButton = document.getElementById('start-recording');
    const output = document.getElementById('transcript-output');

    // Check for browser support
    const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
    if (!SpeechRecognition) {
        alert('Speech Recognition not supported in this browser.');
        return;
    }

    const recognition = new SpeechRecognition();
    recognition.lang = 'en-US'; // Set language
    recognition.continuous = false;
    recognition.interimResults = true;

    recognition.onresult = (event) => {
        let transcript = '';
        for (let i = 0; i < event.results.length; i++) {
            transcript += event.results[i][0].transcript;
        }
        output.value = transcript;
    };

    recognition.onerror = (event) => {
        alert('Error occurred in recognition: ' + event.error);
    };

    startButton.addEventListener('click', () => {
        recognition.start();
    });
});