AiRealtimeChat

Realtime Chat

Voice + text realtime conversation with capture, playback, and connection controls.

Voice Chat

Connected

What is the weather today?

It looks like a sunny day with temperatures around 24°C.

Usage

<AiRealtimeChat
  :status="status"
  :messages="messages"
  :is-capturing="isCapturing"
  @connect="connect"
  @disconnect="disconnect"
  @start-capture="isCapturing = true"
  @stop-capture="isCapturing = false"
/>

Props

Prop	Type	Default	Description
status	'disconnected' \| 'connecting' \| 'connected' \| 'error'	'disconnected'	Connection status
messages	AiRealtimeMessage[]	—	Conversation messages
isCapturing	boolean	false	Whether mic is active
isPlaying	boolean	false	Whether audio is playing

Slots

default
header
status
controls
messages
message
input