Wirebook

Wirebook › Bonus lesson

Why does a video call go blurry when the connection is slow?

Bonus lesson · about 7 minutes · hands-on · nothing you type leaves your browser

On a video call the picture sometimes turns into soft squares, then freezes, then catches up again. Nothing is broken: your device is squeezing a stream of pictures into a thin pipe. When the pipe shrinks, the call keeps the important bits (faces, motion) and throws detail away. Here you can dial the pipe thinner, spend a tiny bit budget on a face, and watch a pretend call decide what to keep.

Dial the pipe thinner

This is a pretend video call drawn in your browser — nothing is uploaded. Drag the bandwidth slider and watch the picture trade detail for survival. Time runs a little fast so you can see the change.

Sharppicture quality
1×1block size
30pictures / second
Livecall mode

Read the face on a tiny budget

Imagine you only have 10 bits left for one still frame. Spend them on eyes, mouth or wallpaper, then try to name the expression. Real compressors do something similar: they keep the parts that help you recognise a face and let the curtains go soft. Nothing leaves your browser.

Bits left to place: 0 / 10 · spent 10

Total always stays at 10. Steal from wallpaper if the face looks like mush.

Readableexpression
OKface detail

What expression is it?

Spend the bit budget

Every second the call has a fixed number of bits to spend. Apps usually spend more on faces and moving parts, and less on the quiet background. Move the sliders to see how the same budget looks when you favour different parts.

Background gets whatever is left (20%). Total always adds up to 100% of the budget.

Clearface detail
OKmotion detail
Softbackground
100%bit budget used

What is actually being squeezed?

A raw video frame is huge. A modest call at 30 pictures a second can be tens of megabytes every second if you send every colour of every pixel. Home and mobile connections rarely have that much spare room, and even when they do, other people in the house are using some of it. So the call uses compression: it looks for patterns (a blue wall that barely changes, a face that moves a little) and describes those patterns with far fewer numbers than the raw pixels.

The speed of that stream is its bitrate — how many bits leave your device each second. When the path gets congested, the call turns the bitrate down. Lower bitrate means bigger blocks, softer edges, fewer pictures per second, and sometimes a freeze while it waits for a clearer moment.

How thin is the pipe?

Rough everyday numbers. Real calls also share the pipe with uploads, downloads and other people.

Connection feelRough bitrateWhat a call usually does
Strong Wi-Fi / fibre2–4+ Mb/sSharp faces, smooth motion, room detail survives
OK mobile data0.5–1.5 Mb/sFace stays clear; background softens; occasional blur
Busy / weak signal0.1–0.4 Mb/sBig blocks, lower frame rate, freezes when it must
Almost nothing leftunder 0.1 Mb/sAudio first; video freezes or drops to a still

Why the other person looks fine when you look blurry

Upload and download are often different sizes. Many home connections upload more slowly than they download. Your camera feed is an upload, so when the path is busy you are the one who looks blocky to them, while their picture arriving to you can still look fine. Turning off HD, closing other uploads, or moving closer to the router gives the call more of the thin pipe.

Sister lessons: why zipping photos barely makes them smaller and interrupted downloads & byte ranges — numbered pieces that resume without redoing everything. Grown-up twin ideas: when the call never connects, see Tooltern’s WebRTC ICE failed, WebSocket connection failed, and NotAllowedError getUserMedia guides (plus ETIMEDOUT / Failed to fetch). Anvil’s HTTP status helpers name the codes servers send back.

Words from this lesson

Earn a bonus badge

Get all 3 right to collect the Blurry video calls bonus badge. Bonus badges are extra: they don't change your stamp count or rank. Wrong answers are fine: just try again.

1. A video call turns into soft squares on a busy connection. What is usually happening?

2. What is bitrate, in plain words?

3. You only have a few bits left for one frame. Where should most of them go if you still want to read the expression?

Try another lesson

  1. 3Can a website get tired?7 min · interactive
  2. 12How does a game remember where you got to?6 min · interactive
  3. 1What happens when you open a web page?6 min · interactive