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, duration hours minute second in high quality that is uploaded to the channel Nicholas Renotte 13 February 2021. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 5,615 times and liked it 163 visitors.
