/

Integrating AI and Browser API Voice Recognition on Web Application

Copy Link

Unlock This Lesson

22

min

Integrating AI and Browser API Voice Recognition on Web Application

Integrating AI and Browser API Voice Recognition on Web Application

Integrating AI and Browser API Voice Recognition on Web Application

Integrating AI and Browser API Voice Recognition on Web Application

publish date

Oct 15, 2024

duration

22

min

Difficulty

Intermediate

Beginner

Beginner

Beginner

Case details

I will present a personal web project developed, involving the browser's native speech recognition API and AI for generating dynamic HML components or responses through voice. I want to bring an overview of technologies such as React, Vite, Tailwind, OpenAI to our AI provider and the browser API, Speech Voice Recognition. I will provide an overview of all the technologies and how I configured and integrated these tools to generate the application. Let's understand how to integrate speech recognition and AI (openAI) and the possibility of generating components as the user speaks.

Share case:

About Author

Staff Frontend Engineer

Staff Frontend Engineer at IFood, NodeBR Community Partner, FrontIn Campinas Ornanizer, Speaker and Content Tech Creator.

Staff Frontend Engineer

Staff Frontend Engineer at IFood, NodeBR Community Partner, FrontIn Campinas Ornanizer, Speaker and Content Tech Creator.

Staff Frontend Engineer

Staff Frontend Engineer at IFood, NodeBR Community Partner, FrontIn Campinas Ornanizer, Speaker and Content Tech Creator.

Questions?

Chat with Us!

910 Foulk Road, Suite 201

Wilmington, DE 19803, USA

© 2025 Geekle. All rights reserved.

Questions?

Chat with Us!

910 Foulk Road, Suite 201

Wilmington, DE 19803, USA

© 2025 Geekle. All rights reserved.

Questions?

Chat with Us!

910 Foulk Road, Suite 201

Wilmington, DE 19803, USA

© 2025 Geekle. All rights reserved.

Questions?

Chat with Us!

910 Foulk Road, Suite 201

Wilmington, DE 19803, USA

© 2025 Geekle. All rights reserved.