Voice Search with JavaScript (Web Speech API)

Learn how to add Speech Recognition to your websites and web applications with JavaScript, using the Web Speech API.

Speech recognition involves receiving speech through a device's microphone, which is then checked by a speech recognition service and a result is returned as a text string, allowing for further actions to be initiated as a result.

Web Speech API allows for Speech Recognition in the browser, using JavaScript. This opens up many new possibilities regarding user interaction with websites and web applications.

In this video, we use the Web Speech API in order to build a Voice Search feature. In the first few minutes, we create an HTML Google Search Form and we then proceed to exploring the Web Speech API and using JavaScript to implement the Voice Search feature!

Enjoy ?

Web Speech API: https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API
SpeechRecognition: https://developer.mozilla.org/en-US/docs/Web/API/SpeechRecognition

Code for this Project: https://codepen.io/Coding_Journey/pen/ewrWyG

Support the Channel ?☕?
PayPal: https://paypal.me/CodingJourney

Suggested Videos:
Font Awesome 5 Icons: https://www.youtube.com/watch?v=rXiO4bm2Zpc
Typing Effect with HTML, CSS and JavaScript: https://www.youtube.com/watch?v=T4VE_6v9hFs
Simple Auto-Playing Image Slideshow (HTML, CSS and JavaScript): https://www.youtube.com/watch?v=o_hRhTZORNY
Arrow Swipe Game with HTML, CSS and JavaScript: https://www.youtube.com/watch?v=SogoaFv2CRQ&list=PLdGqEpyfYoMAYRa97MgWMlfJlbSJbxZXp

Thanks for watching! For any questions, suggestions or just to say hi, please use the comment section below!

Codepen: https://codepen.io/Coding_Journey/
Twitter: https://twitter.com/CodingJrney
Email: [email protected]

Subscribe ?
https://www.youtube.com/channel/UCwpH4liYtBSiVXSfL8x2TyQ?sub_confirmation=1