AI Voice Elements

AI SDK의 Transcription 및 Speech 함수와 연동하여 차세대 음성 에이전트와 전사 서비스를 구축할 수 있는 AI Voice Elements 컴포넌트 세트가 출시되었다.

주요 컴포넌트는 다음과 같다:

• Persona: Rive WebGL2를 사용하여 대기, 듣기, 생각하기, 말하기 등 AI의 상태에 따라 반응하는 애니메이션 시각 요소를 제공한다.
• SpeechInput: Web Speech API를 통해 실시간 음성 입력을 캡처하며, 미지원 브라우저에서는 MediaRecorder를 사용한다.
• Transcription: 재생 시간과 동기화된 오디오 전사 내용을 표시하며, 클릭하여 특정 구간으로 이동하는 기능을 지원한다.
• AudioPlayer: media-chrome을 기반으로 커스텀 컨트롤과 메타데이터 표시가 가능한 오디오 재생 인터페이스를 제공한다.

또한, MicSelector와 VoiceSelector를 통해 마이크 장치 및 AI 음성을 쉽게 선택할 수 있다. MicSelector는 shadcn/ui를 기반으로 하며, VoiceSelector 역시 shadcn/ui를 활용해 성별, 악센트, 연령 등의 메타데이터를 지원하는 검색 가능한 인터페이스를 제공한다.