Voice Controlled React.JS Apps with Tensorflow.JS | Javascript AI
Want to start using Voice Control in your Apps?
Well, it's not as hard as you might think!
In fact, using Tensorflow.JS you can amp up your existing web app with AI with not a whole lot of Javascript code. In fact, in this video I'll show you how to use AI powered Speech Command Recognition to control on screen elements within your React.JS apps using nothing but your browser and microphone.
We'll render canvas visualisations to move a component around the screen using nothing but our voice. VOICE CONTROL, sick right?!
In this video, you'll learn how to:
1. Access a pre-built Speech Command Recognition App
2. Build real-time voice controlled interaction with React.JS App
3. Render canvas visualisations based on detected AI speech command
Get the code: https://github.com/nicknochnack/Speec...
Chapters:
0:00 - Start
3:09 - Cloning the Pre-Build Speech Command Recognition App
4:15 - Installing Baseline Dependencies
8:01 - Setting Up a Visualisation Function
10:29 - Creating a Canvas
12:04 - Defining Canvas References and Application States
14:18 - Setting up Speech Command Action Handling
20:14 - Testing Out AI Speech Command Recognition
22:39 - Handling Consecutive Commands
25:49 - Final Code Test
Oh, and don't forget to connect with me!
LinkedIn: / nicholasrenotte
Facebook: / nickrenotte
GitHub: https://github.com/nicknochnack
Patreon: / nicholasrenotte
Join the Discussion on Discord: / discord
Happy coding!
Nick
P.s. Let me know how you go and drop a comment if you need a hand!
Watch video Voice Controlled React.JS Apps with Tensorflow.JS | Javascript AI online without registration, duration hours minute second in high quality. This video was added by user Nicholas Renotte 13 February 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,615 once and liked it 163 people.