Is it possible to add a soundwave animation that syncs with the voice of both the user and the AI agent during a call ? If not currently supported, is there a recommended way to achieve this ?
k
Kings_big💫
06/10/2025, 11:10 PM
Yes, while Vapi doesn’t natively support soundwave animations, you can create one by using its exposed Volume Level data and speech events to drive a custom waveform or visualizer that syncs with both the user’s and AI’s voice during a call..
r
RamonJ
06/11/2025, 8:30 AM
do you have like a fragment code that can help me do that in react, because i'm stuck in that and i want to know how to integrate it
k
Kings_big💫
06/11/2025, 9:31 AM
You can integrate a waveform in React with Vapi by capturing the audio stream from volume events and passing it to a visualizer like react-sound-visualizer, which renders real-time waveforms on a canvas..