JavaScript Speech Recognition #JavaScript30 20/30

While it's cool, in MDN docs it's clearly mentions that Chrome sends your speech data to servers for processing and it won't work without internet.

So unfortunately I have to use tensorflowjs for inbox recognition.

How stop recognition

why didn't it work? Did something change?

wow bless you dev😉

how can stop that !??

I mainly use Brave Browser, and unfortunately it doesn't have speech recognition... Chrome worked fine for me.

If anyone found a work around for Brave, please let me know!

Give mi simple site code

♥️♥️♥️♥️♥️

why it keeps on asking me permission to use mic

im sorry but is this for off-line ? or do i need to be in a network

all this browsers support this or not ? or should we go for some external apis like google or microsoft ??

I can't get my app to accurately recognize Spanish speech. I don't want all the code here, but does anyone know if maybe the Spanish is just not that accurate? If so I'll stop banging my head against that wall and just use English.

please , i need to know is that free ? , if i use that in video call app ? because i found on google cloud website , i have to pay if i use it for more than 60 mins but it didn't ask for a keyy

As you mention towards the end, how would you make it only run the recognised function once, so it doesn't keep repeating?

i didn't see the source code, does anyone saw where could find this project's source code?

let transcript = e.results[0][0].transcript;
this line seems to be working as well, instead of converting to array and then mapping through that array.

thank you a lot. you are so awsome

does this work on all browsers ?

Hello. First of all, Im sorry because my english not very good ;) then:

I wirte this codes in my pc with xampp program and I have 2 problems:
1. In local host, this codes run correctly, but, when I upload this codes in my site, dont run!

2. If I open my site in Samsung internet browser, this codes run, but 1000 times request access for alow to use from microphon and I can afew talk then write.

It deliveries tons of new features for out apps!

see later

I need source code of this tutorial. could anyone who made it ,send me please...

You could use this to learn how to say ternary.

is this one works for codova - hybrid app? any other solution plz. tahnx

This is only supported by Chrome. I'm using Opera for all the projects. Guess I'll have to skip this one out. But this is great stuff if it goes ahead from Experimental.

I keep receiving an error 'SpeechRecognition' is not defined no-undef. I use chrome and I'm using webpack to access a server. This error might be because of webpack but can anyone help me? Here is my main.js looks like (following Wes Bos's code):
(function() {
window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
const recognition = new SpeechRecognition();
recognition.interimResults = true;
let p = document.createElement('p');
const words = document.querySelector('.words');
words.appendChild(p);


recognition.addEventListener('result', event => {
const transcript = Array.from(event.results)
.map(result => result[0])
.map(result => result.transcript).join('');


// Create a new container if you make a pause.
if (event.results[0].isFinal) {
p = document.createElement('p');
words.appendChild(p);
}
p.textContent = transcript;
});

recognition.start();
// Start recognition after each pause
recognition.addEventListener('end', recognition.start);
}());

Thanks mate.

this is still not supported in Firefox. Annoying

But thnx man, this is amazing

Wow awesome code can you shared code

When i try to run it with cordova app. It always gives me Network error.
Can you solve this please

I am a developer which develop without an internet and speechrecognition seems dont work without internet...
In recognition.onerror it return network error

nice that music <3

Hi,
Does it work on chromium browser ?

Wow! It’s new to me and seems fascinating already!
It was a good video 😊

Here's what you can use for the 🦄 unicorn!

So cool that you can do this with just a text editor and a browser! Love your videos. I've built six amazing projects today by watching this series. All of them are things that I would have considered way out of my ability level, but here they are, working. Thank you!

How do we change paragraph? What do we need to speak?

I got is to work.
One small problem.. If the browser is in another language, it will only recognize the words that are in the same language as the broweser.
For example, my phone's chrome is in Hebrew so it does not understand the English words.
Same page on my pc - Chrome is in English - it understands only English...
Is there a fix for this?

For the transcript, the below code works well:


const transcript = e.results[0][0]['transcript'];


I don't know why we should turn transcript into array then join?

your video is great
but I have a doubt ,
how can I export this text in another js file.
THANK YOU

Well it's time to put voice control to my website. I am not sure how smart it is but hey, it's a competition. If face Id didn't win it last year, this doesn't have much chance but this combined with image recognition I think will be enough. We will see.

Great stuff! People are very slow to adapt to innovation. This video is a perfect example. It was done over a year ago and there is not much out there.

Man, this one was really nice!! Amazing! Thank you so much for these guides

Dammit I can't get it to work, but it seems to recognise the sound... so the problem isn't the microphone. I tried the finished one just to check if it was related to my code but nope :(

gives error on angular component

const transcript = e.results[0][0].transcript
instead of
const transcript = Array.from(e.results)
.map(result => result[0])
.map(result => result.transcript)
.join("")
seems also possible

Thanks u a lot.....it's simply great!!!!

Seems not working on Android chrome. Any ideas???