AI Voice Elements
Key point
A new **AI Voice Elements** set of components has been released, integrating with the AI SDK's Transcription and Speech features.
Details
AI Voice Elements, a set of components that integrates with the AI SDK's Transcription and Speech functions to build next-generation voice agents and transcription services, has been released.
The main components are as follows:
- Persona: Uses Rive WebGL2 to provide animated visual elements that react according to the AI's state, such as waiting, listening, thinking, and speaking.
- SpeechInput: Captures real-time voice input via the Web Speech API, using MediaRecorder on unsupported browsers.
- Transcription: Displays audio transcription content synchronized with playback time, and supports clicking to jump to a specific section.
- AudioPlayer: Built on media-chrome, provides an audio playback interface with custom controls and metadata display.
Additionally, MicSelector and VoiceSelector make it easy to select microphone devices and AI voices. MicSelector is based on shadcn/ui, and VoiceSelector also leverages shadcn/ui to provide a searchable interface that supports metadata such as gender, accent, and age.
This summary was generated automatically by AI. Check the original for the author's claims and context. Copyright belongs to the original author.
Our guide explains how the AI works. Report summary errors, attribution issues, or removal requests via Contact.