An interactive conversational AI voice interface with dynamic Bloop Orb visualizer, audio waveform ripples, live transcription, and turn-taking orchestration.
pnpm dlx shadcn@latest add @spaceui/components-spaceui-interactions-realtime-voiceimport { RealtimeVoice } from '@/components/interactions/realtime-voice'<RealtimeVoice />| Prop | Type | Default | Description |
|---|---|---|---|
preset | VoicePresetKey | developer | Active scenario preset ('developer', 'designer', 'support', etc.) |
dialogues | VoiceDialogueTurn[] | Preset turns | Custom conversational turns overriding preset dialogues. |
modelName | string | Preset model | Label displayed for the AI voice model (e.g. 'GPT-4o Voice'). |
autoPlay | boolean | true | Whether the conversation plays and advances automatically. |
loop | boolean | true | Whether the conversation loops continuously upon completing all turns. |
cyclePresets | boolean | true | Automatically advance to the next preset scenario on cycle completion. |
speed | number | 1 | Speed multiplier for speech timing and state transitions. |
showWaveform | boolean | true | Whether to render animated audio waveform bars. |
enableSounds | boolean | true | Enable or mute tactile audio micro-interactions and speech chimes. |
targetLoops | number | - | Target number of sequence cycles before halting (for recorder sync). |
onSequenceComplete | () => void | - | Callback triggered once target sequence loops are finished. |
className | string | - | Additional CSS classes for the outer container. |
An interactive multi-agent pipeline visualization with real-time physics, event logs, and playback controls.
ViewA self-playing deploy pipeline that advances on its own, pauses on hover, and reveals per-step detail — drop it in to turn a static log into a living status feed.
View