Call player

import"@truvar-ai/design-system/voice"

Call player

One player in three sizes. The agent plays on the left channel and the customer on the right, each with its own colour, mute and solo. Time always runs left to right, as in every audio editor, including in Arabic.

Mini player

Built on CallSession + Slider

For table rows and cards. Play, scrub and time in one line.

Caller
Outcome
Recording
Nadia KamelRescheduled
0:00 / 0:46
Tarek SalehConfirmed
0:00 / 0:46
+20 111 *** 0021Voicemail
0:00 / 0:46

Stereo player

Built on wavesurfer.js (split channels) + Web Audio

Click or drag the waveform to seek. Mute or solo a channel on the left. The diamonds are call events (tools, interruptions, hang-up); select one to jump to it. Skip silence jumps over long pauses and shades them. Download gives stereo or mono WAV.

AgentL
CustomerR
0:00 / 0:46

Expanded player

Built on Modal

The expand button opens a large waveform with the transcript beside it. It shares the same playback, so audio continues where you were.

Use the expand icon at the end of the stereo player above.