react-tts-lipsync
A
React component that converts text into speech with real-time
lip-sync animation using a 3D avatar. This package integrates
Three.js, React Three Fiber, and Mixamo animations to bring a speaking bot to life.
✨ Features
- 📢
Text-to-Speech (TTS): Converts user input text into speech.
- 🎭
Lip Syncing: The 3D avatar moves its lips in sync with the speech.
- 🎥
3D Avatar Animation: Supports
.glb and
.fbx animated models.
- 🔊
Audio Playback: Automatically plays generated speech audio.
- 🎨
Customizable: Use your own 3D character and animations.
---
🚀 Installation
You can install the package via npm:
```sh
npm install react-tts-lipsync