음성 상호작용용 AI Elements 컴포넌트 추가
전사와 음성 기능에 맞춘 AI Voice Elements 컴포넌트군이 새로 추가되었습니다.
교안에 영향
기존 안내 문서에 AI Elements의 음성 관련 컴포넌트가 없다고 적혀 있으면 더 이상 맞지 않습니다.
요약
- Persona 컴포넌트가 idle, listening, thinking, speaking, asleep 상태에 반응하는 AI 시각화를 제공합니다. - SpeechInput 컴포넌트가 음성 입력을 받고, 지원 브라우저에서는 Web Speech API로 실시간 전사를 처리합니다. - Transcription 컴포넌트가 오디오 재생 시간에 맞춰 자막을 강조 표시하고 클릭으로 탐색할 수 있게 합니다. - AudioPlayer, MicSelector, VoiceSelector가 오디오 재생, 마이크 선택, AI 음성 선택을 위한 유연한 인터페이스를 제공합니다.
바뀐 것
새 기능
- AI Elements용 새 컴포넌트 묶음인 AI Voice Elements를 추가했습니다.
- Persona 컴포넌트가 conversational state에 따라 반응하는 애니메이션 AI 시각화를 제공합니다.
- SpeechInput 컴포넌트가 음성 입력을 수집하고 지원 브라우저에서 Web Speech API 전사를 사용합니다.
- Transcription 컴포넌트가 동기화된 재생과 click-to-seek를 지원하는 전사 표시를 제공합니다.
- AudioPlayer 컴포넌트가 media-chrome 기반의 조합형 오디오 재생 인터페이스를 제공합니다.
- MicSelector 컴포넌트가 마이크 입력 장치를 선택할 수 있게 합니다.
- VoiceSelector 컴포넌트가 AI 음성을 검색, 그룹화, 메타데이터 표시와 함께 선택할 수 있게 합니다.
기타
- Rive WebGL2, shadcn/ui, MediaRecorder 등 관련 구성 요소와 외부 전사 서비스 연동을 사용합니다.