how to use speech to text

Question

hello sir, i work on web application and i want to recognise a use voice and print the recognised speech on the texboxes i tried many ways .but nothing i get so any one please help.

Raghavendar Swaminathan · Answer

Hi Mohit, Open Chrome Chrome. Go to a site that wants to use your microphone and camera. When prompted, choose Allow or Block. The permission you choose changes what sites can do with your camera and mic: Allowed sites: Sites can start to record when you're on the site. If you're in a different Chrome tab or a different app, a site can't start recording. If you lock your phone screen, the site will stop using your camera. It can still use your mic. Blocked sites: Some sites won't work if you block them. For example, you won't be able to join a video conference. Thanks Raghav

Mohit Aggarwal · Answer

Hello sir, one of the method i tried its also included but when i run this code on google chrome it is generate a error Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream so what i do please help sir, thankyou in advance.

Raghavendar Swaminathan · Answer

Hi Mohit, We have done this JS but one limitation with the code is works only with the Chrome Environment. function speakText() { var textInput = document.getElementById("textInputBox").value; window.speechSynthesis.speak(new SpeechSynthesisUtterance(textInput)); } //get languages $.get( "https://raw.githubusercontent.com/the-creature/language-json/master/data.json", function( data ) { var cList = $('#language'); var data = $.parseJSON(data); $.each(data, function(i) { var option = $(' ') .attr('value', data[i].code) .html(data[i].name) .appendTo(cList); }); }); // Speech Recognition if (!('webkitSpeechRecognition' in window)) { message.innerHTML = 'Web Speech API is not supported by this browser. Upgrade to Chrome version 25 or later.'; } else { var recognition = new webkitSpeechRecognition(); recognition.continuous = true; recognition.interimResults = true; recognition.onstart = function () { recognizing = true; message.innerHTML = 'Speak now.'; talk_button.innerHTML = 'Listen'; }; recognition.onresult = function (event) { var interim_transcript = ''; for (var i = event.resultIndex; i if (event.results[i].isFinal) { final_transcript += event.results[i][0].transcript; } else { interim_transcript += event.results[i][0].transcript; } } final_span.innerHTML = final_transcript; interim_span.innerHTML = interim_transcript; }; recognition.onend = function () { recognizing = false; if (ignore_onend) { return; } speechMyText(final_transcript); if (!final_transcript) { message.innerHTML = 'Click "Talk" and begin speaking.'; talk_button.innerHTML = 'Talk'; return; } }; recognition.onerror = function (event) { if (event.error == 'no-speech') { message.innerHTML = 'No speech was detected.'; ignore_onend = true; } if (event.error == 'audio-capture') { message.innerHTML = 'No microphone was found. Ensure that a microphone is installed.'; ignore_onend = true; } if (event.error == 'not-allowed') { if (event.timeStamp - start_timestamp message.innerHTML = 'Permission to use microphone is blocked. To change, go to chrome://settings/contentExceptions#media-stream'; } else { message.innerHTML = 'Permission to use microphone was denied.'; } ignore_onend = true; } }; } function talkWithApp(event) { if(talk_button.innerHTML == 'Talk') $("#mic").show(); else $("#mic").hide(); if (recognizing) { recognition.stop(); message.innerHTML = 'Click "Talk" and begin speaking.'; talk_button.innerHTML = 'Talk'; return; } final_transcript = ''; recognition.lang = language.value; recognition.start(); ignore_onend = false; final_span.innerHTML = ''; interim_span.innerHTML = ''; message.innerHTML = 'Click the "Allow" button above to enable your microphone.'; start_timestamp = event.timeStamp; } // Speech Synthesis function speechMyText(textToSpeech) { var u = new SpeechSynthesisUtterance(); u.text = textToSpeech; u.lang = language.value; u.rate = 1.0; u.onend = function (event) {} speechSynthesis.speak(u); } I am sharing some reference links also: https://tutorialzine.com/2017/08/converting-from-speech-to-text-with-javascript