Speech Recognition App Using Vanilla JavaScript

This is the day-24 of #30days30submits. Today we are going to create a Speech Recognition App Using JavaScript web speech API. Hope you will like it.
🔔subscribe and turn on the notification bell.
👉 source code: codepen.io/Web...
👉 #30days30submits : github.com/Sha...
▶ Also Watch :
Make a full website with HTML & CSS: • One Page Full Website ...
HTML & CSS Landing Page : • HTML & CSS Website Lan...
Mini Project for HTML & CSS : • Responsive Website Wit...
How To Make A WordPress website: • How To Make A Professi...
🌐 Join The Community :
Our website : webcifar.com/
Facebook Page : / webcifar
Facebook group : bit.ly/fb-group...
Instagram : / web_cifar
twitter : / webcifar
Github: github.com/Web...
#30days30submits #speechRecognition #JavaScript

[@webcifar]

🔔subscribe and turn on the notification bell.
👉 source code: codepen.io/Web_Cifar/pen/jOqBEjE
👉 #30days30submits : github.com/ShaifArfan/30days30submits

[@DavidLopez-br3yn]

Thanks for sharing a real video, in which you ALSO commit mistakes, and have fun about it, like when begging "please" in minute 26. When a teacher committs mistakes that can be more enlightening than when everything goes perfect, that's more like real life. Best regards from Colombia, South America.

[@akpinarmarjorie]

thank you for this video...I am a student and was tasked with researching a new technology...I have been researching IBM watson speech to text and other technologies but was lost as to how to incorporate them into code...i wanted something that would help me understand and did a step by step walk though of speech to text...this is by far the best I have found to get me started!

[@webcifar]

Glad it helped!

[@alphatech6358]

do you find a solution with IBM case I'm searching too

[@vedantthombare1028]

The best speech recognition app ever on RUclips is this.

[@nilavdas_3234]

The loop you make with recognition.start() its work greats but but I always ask mic permission after I complete speaking

[@spreadItWide]

LMAO! I had to pause the video every time I tested it... It wrote everything you said. At least I don't have to type EVERYTHING out now! Nice lesson, you just got a new sub!

[@reema234]

It's a nice explanation thanks, but requires allowing the microphone every time a new text box starts why?

[@pavel_pereverzev]

Nice tutorial, thanks! Talking about opening youtube channels or recognition of any other specific phrases, I think it would be correct to turn all texts to lowercases and then check if it includes some words.

[@leonardocrociani1064]

Why does it work only in incognito mode?

[@lifedictionary5411]

Nice explanation but my code was executing till tomorrow and when i opened it today with live server to check , it is not working.. Can you plz tell me what's the reason behind this thing?

[@donteo3105]

great video👍but if want (1) add button click then mic start? (2) audio speech of the dialogue both user speak & robot reply? thanks

[@ultralink9892]

Thanks to this i made jarvis, thank you

[@ojeladeafolabi316]

This is absolutely amazing, great work Arfan👍

[@webcifar]

Thanks ❤

[@alirafat5873]

Your videos are awesome don't stop 🥰

[@webcifar]

Thank You ♥

[@syedhassaanhaidernaqvi565]

when i look into the inspect my console shows nothing ???

[@jessecanonigo5896]

Thanks mate! this is interesting, I'll try to make a chrome plugin using this.

[@TheSquelzy]

Amazing! Great tutorial to follow along with

[@webcifar]

Thank you.

[@redzeo2337]

Hey my brother, could you let us know if this voice assistant can be compatible with a search bar? For example, if you had a microphone icon next to your search bar and implemented that code for the user to speak through that icon, could it?

[@johnfredybeltranlopez4503]

Thanks a lot!!!
Wonderful video!!

[@fahimrahman9036]

Keep it up bro!!!.

[@webcifar]

I will!

[@manishabhumi2357]

Very helpful video for students.

[@webcifar]

Glad you think so!

[@manishabhumi2357]

How can I msg u sir..

[@webcifar]

@@manishabhumi2357 You can join our Facebook group.

[@manishabhumi2357]

Ok sir ☺️

[@y_a_n_y_ilufungula2044]

nice video but can we do it in french ? how can i get that speech to treate it in php or registering them in mysql

[@henrikfuhr9088]

Hey! i followed this guide and even added some of my own work but i got a question and would really appreciate if you could help me. Is there a way to add some kind of "Start/Stop/Pause"-Event? so it doesnt stop after 1 sentence or go infinite, thanks in advance!!

[@keaqiu3712]

you need to host on a server

[@ManishSharma-fi2vr]

It's really interesting!

[@nicolasportu]

Outstanding!!! Best of its kind :)

[@webcifar]

Thanks a lot!

[@indianrocker4558]

nice work

[@webcifar]

Thanks

[@uttamdev]

Great work....it was really awesome🤗

[@webcifar]

Thank you! Cheers!

[@33ndee54]

Awesome!! Thanks!

[@webcifar]

Our pleasure!

[@nimeshajayawickrama3730]

You are a super teacher

[@webcifar]

Thanks

[@elhabibbirouk9722]

Many thankx

[@pinkflower03]

Thanks man!

[@ManishSharma-fi2vr]

Bro, suggest me how I can make a self project in web development for my portfolio

[@MazisEditing]

can you help me how can I add this feature in my ecommerce website?

[@appstuff6565]

amazing video. Are there any charges to use this asr service ??

[@rsk2002]

awesome It's is good bro.

[@webcifar]

Thank you so much 😀

[@mdhossen7082]

this video is very helpfull

[@webcifar]

Glad to hear that

[@saurabh4193]

Plzz tell which library's you used

[@dilanbesong1877]

onresult doesn't work for me .....

[@thething6268]

how to make it never stop ?

[@anjutyagi]

Thnkssss

[@TheWizardyGuy]

How can I make it work on Android? Pls tell me

[@pansoffe]

I want to build this on mobile but how?

[@preadsy6912]

thnks a lot man!

[@webcifar]

Welcome

[@Anthony-wg7fn]

Great video. Is anyone else getting the issue of the microphone turning off frequently? I'm not sure how to modify the code to stop this from happening. I was thinking it could be a Google issue, but I'm not seeing a way to keep my microphone always on.

[@BrickSimmon]

You will need to deploy it on a local server to cache the settings or else everytime it will startup asking you

[@DavidLopez-br3yn]

It DOES turn off, BUT the trick of the "end event" and starting inside the end event, DOES solve it, I've tested it in Chrome in desktop and in Chrome in Android cell phone. The problem is that in cell phone you get a beep when starting, and you can't disable it, as far as I've seen.

[@razarukhsar8479]

Me also wat m i did to do

[@razarukhsar8479]

Anyone help

[@VloggerDablongan]

can i change language?

[@Sammysapphira]

>import a library
>it does it all for you
>only in browser
lmao

[@preetkaur-wu9yg]

I am first bro can u plz help me debug my javascript code plz game development code beginner tell plz help me plzzz help to correct my game dev code

[@webcifar]

Sure ♥

[@preetkaur-wu9yg]

Where should I give u code then??

[@webcifar]

Contact me on any social media.

[@seemesarkar2260]

👍1𝓼𝓽 𝓬𝓸𝓶𝓶𝓮𝓷𝓽 & 2𝓷𝓭 𝓵𝓲𝓴𝓮👈

[@yashprogrammer2679]

it is not working

[@dacostamatthieu2116]

add : recognition.continuous = true;

[@GranatenGecko]

@@dacostamatthieu2116 where?

[@codingvids844]

@@GranatenGecko Below const recognition = new window.SpeechRecognition();

[@ImFaiyyazz]

How to stop the speech recognition

[@learnpowerpoint7713]

Are you from bangladesh

[@webcifar]

Yes! ♥

[@learnpowerpoint7713]

@@webcifar Can you upload series tutorial for javascript

[@webcifar]

I will try ❤

[@jilljohn2638]

Now just plug in some AI and you got yourself a robot

[@frostyzmp]

replay != reply 😉

[@kelvinn007]

Who thought you how to code

[@ashutosh_dev]

Don't believe in this its not working

[@GranatenGecko]

code you copied from the shared link,will not work, you have to use the code in the video

[@webcifar]

which link?