svelte/elevenlabs Live demo

ConversationWidget / live

A real session,
not a mock.

This page renders the shipped ConversationWidget against a live agent. The controller owns the socket, the microphone, the audio graph, and the teardown. The widget only renders the state it publishes.

  • Public id Direct socket connection
  • One gesture The microphone opens on start
  • Clean exit The socket and tracks close

This static build uses a public agent id. Signed URLs need the Node or Bun server build.

Voice module / 01

Conversation

Offline

Public agent / Svelte 5

Mic · analyser / 30 fps Agent · wave clock
Latency
-
Session
00:00
In / out
- / -
Interrupts
00
Transcript / live
Awaiting first turn

Line open for text. Start a session and the exchange will print here, including partial agent responses.

Audio devices

Open this panel after granting microphone access to see device labels.

Press F for a clean focus view. Press it again to return. Add ?focus=1 to the URL to open in focus view.