Streaming Avatar Next.js Demo

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

Getting Started

To get started with the development server, follow these steps:

bun install
bun dev

The server will start on http://localhost:3000. Open this URL in your browser to view the application.

Features

• 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).

Learn More

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!

Deploy on Vercel

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.