DEV Community

Speech Recognition With Javascript

Asaolu Elijah 🧙‍♂️ on January 21, 2020

Introduction Speech recognition refers to the the process of enabling a computer to identify and respond to the sounds produced in human...

Read full post

PatricNox • Jan 21 '20

Nice! Very neat and simple.

Should include an practical example of where you show the results given through a test.

Asaolu Elijah 🧙‍♂️ • Jan 21 '20

Thanks Patrick, I'd just added a sub section explaining the result.
And here i showed a practical example implementing speech recognition.

Sharjeel Faiq • Apr 9 '22

This is a great post! Can you show me how to use this in react js functional component. I don't really have an idea how to capture my text area's value inside a js variable.

Below is the onclick() function that I'm using to invoke record() function inside a button in reactjs.

Speech to text

const record = () => {
window.recognition.onresult = function(event) {
console.log(event);
let output = document.getElementById("output");
output.innerHTML = "";

  for (let i = 0; i < event.results.length; i++) {

      output.innerHTML = output.innerHTML + event.results[i][0].transcript;

  }

}
window.recognition.start();
}

Joel Olawanle • Jan 21 '20

This is nice sir

Asaolu Elijah 🧙‍♂️ • Jan 21 '20

Thank you sire ☺️

mihai • Jan 21 '20

can it generate sounds, of different length ways?

Asaolu Elijah 🧙‍♂️ • Jan 22 '20

Not really Mihai, this is basically to recognize spoken words and not generate. If you are looking to convert text to speech, here is a great tutorial for that.