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!
Смотрите видео Voice Controlled React.JS Apps with Tensorflow.JS | Javascript AI онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Nicholas Renotte 13 Февраль 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 5,615 раз и оно понравилось 163 людям.