TTS playback widget with voice selection, speed, and provider switching
/api/voices + /api/tts).
The widget below is rendered but audio generation won't fire without a live server.| Prop | Type | Default | Description |
|---|---|---|---|
text | string | - | Text to synthesize |
voiceId | string | "alloy" | Initial voice ID |
voiceName | string | - | Display name for the voice |
expandDirection | "left" | "right" | "left" | Which direction controls panel opens |
autoPlay | boolean | false | Start playback on mount |
voicesUrl | string | "/api/voices" | GET endpoint returning available voices |
ttsUrl | string | "/api/tts" | POST endpoint that returns audio/mpeg |
onVoiceChange | (id, name, provider) => void | - | Called when user selects a different voice |
onPlaybackComplete | () => void | - | Called when audio finishes |