Multimodal
AudioPlayer
Compact player for TTS / transcribed audio — play, seek, mute, cycle speed, download.
Preview
Installation
pnpm add nyxis-uiUsage
import { AudioPlayer } from 'nyxis-ui';
<AudioPlayer src="/api/tts?text=hello" title="Voice reply" waveform={precomputedAmplitudes} />;Controls
| Control | Behaviour |
|---|---|
| Play / pause | Toggles playback. |
| Waveform | Click anywhere to scrub via the thin range below. |
| Time | Current / total in m:ss. |
| Speed | Cycles through 0.75x → 1x → 1.25x → 1.5x → 2x (configurable via speeds). |
| Mute | Toggles audio.muted. |
| Download | Direct link to src. |
Composition
- Composes
<VoiceWaveform>withprogressdriven from the underlying<audio>element. - Pair with
<TranscriptionView>listening to the same audio time to get a synced caption track.