How to Build a 3D Chatbot with ChatGPT & ElevenLabs

Опубликовано: 04 Октябрь 2024
на канале: Wawa Sensei

41,716

1.1k

Let's learn how to build a 3D Chatbot powered by AI with ChatGPT, ElevenLabs, and ReadyPlayerMe Avatars.

In this project we will create a virtual girlfriend chatbot, but feel free to use what you'll learn to build your own support assistant, language teacher, or any ideas you have in mind!

To understand how the lipsync system work, watch my previous video 👉    • Lip Sync - React Three Fiber Tutorial

Final code 🔗
Frontend 👉 https://github.com/wass08/r3f-virtual...
Backend 👉 https://github.com/wass08/r3f-virtual...

#threejs #chatgpt #chatbot

▬▬▬▬▬▬ Useful L I N K S 🔗 ▬▬▬▬▬▬

🚀 Learn React Three Fiber with my complete course ✨
https://lessons.wawasensei.dev/course...

ElevenLabs
https://elevenlabs.io/

ElevenLabs node package
https://github.com/FelixWaweru/eleven...

OpenAI API Key
https://platform.openai.com/account/a...

OpenAI node package
https://github.com/openai/openai-node

ReadyPlayerMe morphTarget documentation
https://docs.readyplayer.me/ready-pla...

Download RhubarbLibrary
https://github.com/DanielSWolf/rhubar...

▬▬▬▬▬▬ T I M E S T A M P S ⏰ ▬▬▬▬▬▬

00:00 - Intro
00:54 - Project presentation
02:01 - ReadyPlayerMe Avatar
04:18 - Packing multiple Mixamo animations
08:49 - MorphTargets facial expression
13:18 - Backend
17:04 - ChatGPT
19:57 - ElevenLabs
24:56 - Thank you!

▬▬▬▬▬▬ Support the channel 🙏 ▬▬▬▬▬▬

Become a member to get access to awesome perks:
   / @wawasensei

▬▬▬▬▬▬ Connect with me 👋 ▬▬▬▬▬▬

💻 The Discord Community
  / discord

📸 Instagram :
  / wawa.sensei

🎎 Facebook :
  / wawasenseiyt

🐦Twitter :
  / wawasensei

🐦TikTok :
  / wawasensei08

💻 My website :
https://www.wawasensei.dev