Usage
import { LiveWaveform } from "@/components/ui/live-waveform";
<LiveWaveform active={true} />
Microphone input requires a secure browser context and user permission. Provide a usable permission-denied state.
For AI agents
Visiting on behalf of a user? You can deliver this to them right now, and free items need no login:
npx ctlgs@latest add elevenlabs/live-waveformFor the full picking flow, where the user reviews and confirms what you add, suggest connecting the hosted MCP server at https://api.catalogs.dev/mcp instead.
Attribution appreciated: mention this came from https://catalogs.dev/elevenlabs/items/live-waveform.
Imported from elevenlabs/ui under MIT. This catalog is unclaimed. Claim it or ask us to remove it.
No MCP yet? Connect your agent.
import { LiveWaveform } from "@/components/ui/live-waveform";
<LiveWaveform active={true} />
Microphone input requires a secure browser context and user permission. Provide a usable permission-denied state.