This project is a demonstration of how to use HeyGen's Streaming Avatar service in your application built with Next.js. It offers various features to enhance your streaming experience, including background removal, screenshot capabilities, video recording, and more.
preview.mp4
To get started with the development server, follow these steps:
bun install
bun devThe server will start on http://localhost:3000. Open this URL in your browser to view the application.
- Remove Background: Automatically remove the green background from your video stream.
- Screenshot Current Frame: Capture a screenshot of the current frame in your video stream.
- Record Stream Video: Record your stream video and download.
- Custom Background: Replace your background with a custom image or video.
- Multiple LLMs: Integrate with multiple Language Learning Models (coming soon).
- Speech to Text: Convert speech to text in real-time (coming soon).
- Chatbox: Interactive chatbox for communication. (coming soon).
- Save Conversation History: Save and retrieve past conversation history (coming soon).
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.