The page mounts Speaker from components/speaker.tsx. Supply audio URLs that the browser can load; the download action also fetches the audio URL. Cross-origin sources need suitable CORS headers. Adapt the visual controls and sample track data to the application.
Speaker 01
Installation
No MCP yet? Connect your agent.
Related items
Requires
A customizable audio player with progress controls and playback management for music, podcasts, and voice content.
ReactTailwind
MediaA 3D animated orb with audio reactivity, custom colors, and agent state visualization built with Three.js.
ReactTailwind
Canvas-based audio waveform visualization components with recording, playback scrubbing, and microphone input support.
ReactTailwind