Text to speech in HTML5 ,JavaScript which runs on all browser

by Vijay Pancholi

HTML

<!-- Text input and button for TTS -->
<input type="text" id="textToSpeak" placeholder="Enter text to speak">
<button onclick="speakText()">Speak</button>

JavaScript

function speakText() {
    // Get the text to be spoken from the input field
    var textToSpeak = document.getElementById('textToSpeak').value;

    // Check if the browser supports the SpeechSynthesis API
    if ('speechSynthesis' in window) {
        // Create a new SpeechSynthesisUtterance instance
        var utterance = new SpeechSynthesisUtterance(textToSpeak);

        // Use the default voice
        var voices = window.speechSynthesis.getVoices();
        utterance.voice = voices[0];

        // Speak the text
        window.speechSynthesis.speak(utterance);
    } else {
        alert('Text-to-speech is not supported in this browser.');
    }
}