livekit-examples/agent-starter-react

해결하는 문제

음성 기반 AI 에이전트를 개발하는 개발자를 위한 즉시 사용 가능한 프론트엔드 스타터 템플릿을 제공합니다. 복잡한 실시간 통신 인터페이스를 처음부터 구축할 필요 없이, 음성 상호작용, 비디오 스트리밍, 가상 아바타를 위한 사전 구축된 UI 컴포넌트를 제공합니다.

작동 방식

Next.js로 구축된 이 템플릿은 LiveKit JavaScript SDK와 특화된 에이전트 UI 컴포넌트 라이브러리를 사용합니다. LiveKit 세션에 연결하여 실시간 오디오 및 비디오 스트림을 처리하고, 환영 화면과 활성 에이전트 세션 사이의 상태 전환을 관리합니다. 개발자는 app-config.ts 설정 파일을 수정하거나 프로젝트 디렉터리 내의 Shadcn 기반 컴포넌트를 수정하여 외관과 느낌을 사용자 정의할 수 있습니다.

대상 사용자

LiveKit 기반 음성 AI 에이전트용 전문적인 사용자 인터페이스를 빠르게 배포하고자 하는 프론트엔드 개발자 및 AI 엔지니어

주요 특징

• 실시간 상호작용: 음성, 자막, 가상 아바타를 지원합니다.
• 사용자 정의 가능한 UI: 바, 그리드, 레이디얼, 웨이브, 오라 등 다양한 오디오 비주얼라이저 스타일과 라이트/다크 테마 지원이 포함되어 있습니다.
• 미디어 기능: 카메라 비디오 스트리밍 및 화면 공유의 통합 지원이 있습니다.
• 개발자 친화적: Next.js와 Shadcn UI를 사용하여 컴포넌트의 사용자 정의 및 업데이트가 간편합니다.