Build an AI Voice & Text Translation with NextJS, Tailwind CSS & TypeScript

Показать описание

📚 Materials/References:

👋 Social Media:

Subscribe or your gradient Vanishes
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

Timestamps
00:00:00 - Intro + demo
00:01:21 - project setup
00:06:03 - background + Title section
00:18:43 - textarea section
00:34:09 - speech recognition component + TextArea Icons
01:07:48 - useTranslate Hook
01:19:30 - utils function
01:20:00 - putting it all together
01:30:57 - environmental variable bug +fixes
01:36:09 - finishing up
01:42:41 - testing
01:44:15 - hosting + conclusion

👨🏽‍💻 Tools and Tech Stack
React JS, NextJs, TailwindCSS,Typescript, Preline, Openai API, Tabler Icons, Javascript, AI.

Рекомендации по теме

Комментарии

Thank you all for your support and suggestions. I'm dedicated to improving the quality and content of my videos, so I appreciate your patience with any mistakes. We're on this journey together, and I promise to keep getting better. ❤🚀

albertmends

Nice, please make a project with model training with custom data, vector database and handle different types files like csv, pdf .

ramprasadchauhan

Well done, can you make a video of another awesome project using next.js docs with the app dir without the use of name aliases as most Devs do?

joeokat

🌟🌟🌟🌟🌟🌟

Hi everyone 👋
I’d love to stay connected with you all. Let’s link up on Telegram, Discord, and Twitter!

albertmends

Hello and Thanks for this nice and wonder project.
I have completed the entire tutorial but my own is not translating, i don't know why. Please help

IsaacNelsonShekuBartyKargbo

Wow this is great, how about Building a Text to speech Ai Avatar with Good AI Voice cloner and Text Translation SaaS

chiawuese

Where is the hugging face? Not appearing in the video

samansyr

its great can you make something which convert any video to blog post, I know its difficult but you can do it

Ebaemran

It uses OpenAI API, is it free to use?

akshatchaube

Thanks, can I run on CPU because i don't have GPU

rvick

Build an AI Voice & Text Translation with NextJS, Tailwind CSS & TypeScript

Raspberry Pi4 Offline AI Voice Assistant using ReSpeaker, No Internet Needed

AI Voice Cloning Tutorial: How To Clone Your Own Voice

PC Hardware Upgrade For Running AI Tools Locally

How to clone anyone’s voice using AI😳 #shorts

Make UNLIMITED AI Voice Conversions, Training, & Covers for FREE: RVCv2 Installation & Tutor...

AI Enhanced Audio is INSANE

Batman teaches you how to make AI voices

Create an AI Voice Character app only using AI in less than 40 min (Cursor, Next.js, Daily Bots)

NEW AI Voice Tool: How to Add Voice to an AI Chatbot! (Step-by-Step)

How to Build an AI Voice Agent using OpenAI Real-Time API

Change Your Voice to ANY CELEBRITY with This Free AI

I Built an A.I. Voice Assistant using PyTorch - part 1, Wake Word Detection

BEST AI Voice Generator | ElevenLabs Tutorial

How To Make AI COVERS (Easy AI Song Tutorial)

Generate Realistic AI Voice for Free online!

How to Build an AI Voice Agent for Cold Calling (Relevance AI Tutorial)

Let's build an AI Voice Assistant Mobile App by using Expo React Native

Clone ANY Voice for FREE Using AI & Your PC

Best 12 AI Tools in 2023

Can AI Voice Be MONETIZED on YouTube? The Truth Revealed!

Create human-like AI voice agents with no-code

Using OpenAI Realtime API to build a Twilio Voice AI assistant with Node.js

How to Get ANY AI Voice (Eleven Labs)

Is Biden Secretly Gay? w US Presidents (Trump Obama) *AI voice* #meme #funny #presidents #ai #jokes

Is Biden Secretly Gay? w US Presidents (Trump Obama) AI voice #meme #funny #presidents #ai #jokes