Crackling/breaking audio on vapi web sdk
# support
s
Hello everyone, I’m experiencing an issue on my landing page where, when a user starts speaking with the assistant, the audio can sometimes crackle, break up, or pause for about a second. Call IDs: - 019c43ea-661a-7113-9321-3c064bd66ed6 - 019c43c3-51f4-744c-8de9-0f84f140abbb - 019c43ac-60d9-7aa7-b9c2-afdd90257ed6 Stack: - @Vapi-ai/web: ^2.5.2 - Next.js: ^14.2.35 - React: ^18
v
To diagnose the crackling/breaking audio, review your call logs for the provided Call IDs in the Vapi dashboard: 1. Go to your [Vapi dashboard](https://dashboard.vapi.ai/). 2. Navigate to
Observe > Call Logs
. 3. Enter your Call IDs and check the transcripts and error messages for any audio-related issues. This will help pinpoint whether the problem is with your implementation, the network, or the voice provider, and is the recommended first step for audio troubleshooting according to the documentation I have found. Source: - [Debugging voice agents](https://docs.vapi.ai/debugging)
j
Hey, thanks for sharing the call IDs and setup that’s really helpful. From experience, this kind of crackling or short pause usually happens when the audio/WebRTC connection is still stabilizing, or when the mic and browser audio context aren’t fully ready yet. It’s pretty common in web + Next.js setups, especially right at the start of a session. I’d first check if this happens more on certain browsers, devices, or weaker networks, and whether it’s mainly in the first few seconds. Also, are you initializing VAPI and the audio stream before the user clicks “start,” or only after? Do you notice this more on mobile, desktop, or both? @sergiu.loghin
s
The issue happens more often on mobile, but even when I play the recordings from the Call Logs, the audio is still crackling. VAPI is instantiated eagerly (on mount), but the audio stream and actual call connection are lazy (only after user clicks "start").
j
The fact that the crackling shows up in the call recordings is actually a big clue. That usually means the issue is happening during capture or streaming, not just on playback. Since VAPI loads early but the mic and connection start on click, there’s likely a small timing gap where the audio pipeline isn’t fully stable yet. In setups like this, adding a short warm-up phase for the mic, audio context, and WebRTC track before sending audio often fixes these startup glitches. It helps make sure everything is ready before real audio flows. The next step is to trace that startup sequence and see exactly where packets start dropping or distorting. Once you tighten that up, the crackling usually disappears. I’ve helped a few teams solve this exact problem, so I’m happy to walk you through it step by step. If you’re open to it, let’s discuss this privately and I’ll help you get it dialed in properly. @sergiu.loghin