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
Affiliate Links*
Bluehost Web Hosting: https://www.bluehost.com/track/codingjourney/
*By making a purchase through any of my affiliate links, I'll receive a small commission at no additional cost to you. This helps support the channel and allows me to continue creating videos like this. Thank you for your support!
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: codingjourney123@gmail.com
Subscribe 💖
https://www.youtube.com/channel/UCwpH4liYtBSiVXSfL8x2TyQ?sub_confirmation=1
Видео Voice Search with JavaScript (Web Speech API) канала Coding Journey
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
Affiliate Links*
Bluehost Web Hosting: https://www.bluehost.com/track/codingjourney/
*By making a purchase through any of my affiliate links, I'll receive a small commission at no additional cost to you. This helps support the channel and allows me to continue creating videos like this. Thank you for your support!
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: codingjourney123@gmail.com
Subscribe 💖
https://www.youtube.com/channel/UCwpH4liYtBSiVXSfL8x2TyQ?sub_confirmation=1
Видео Voice Search with JavaScript (Web Speech API) канала Coding Journey
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
I Coded A Voice Recognition App That Hates MeText To Speech & Synthesis App - JavaScript & Web Speech APIGiving myself a pat on the back (you should too)How to Change Text Selection Styling with CSSI'm having a midlife crisis (after being fired from Facebook, as a millionaire).Add Voice Recognition to your Website - HTML TIPSHow To Make A Website Like YouTube Using HTML CSS JS | Video Sharing Website DesignWhy my wife left me (how our marriage collapsed)Web APIs You [Probably] Didn't Know ExistedAnimated Intro (HTML & CSS)Python Website Full Tutorial - Flask, Authentication, Databases & MoreHow To Make Your Computer Speak With JavaScriptZebra-Striped List (HTML & CSS)JavaScript Speech Recognition #JavaScript30 20/30Build Speech to Text App in Javascript Using Web Speech Recognition API | Javascript ProjectAccordion (HTML, CSS and JavaScript)Marquee-like Content Scrolling (HTML & CSS)JavaScript Text to Speech with Code Example | Web Speech ApiSpeech Recognition App Using Vanilla JavaScriptHow to Build a Custom Audio Player in React