Wirebook

Wirebook › Bonus lesson

Why does a video go blurry, then sharp?

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

You press play and for a second or two the picture looks smudgy, like someone who's lost their glasses. Then, snap, it goes sharp. Nothing is wrong with your screen. The video app is being clever: it starts with a small, blurry version so you aren't kept waiting, measures how fast your connection really is, then switches to sharper versions as soon as it's sure they'll keep up. Here you can be that video player.

Watch a pretend video on a wobbly connection

The picture is made of small chunks, each two seconds long. The player downloads them into its buffer (the bar under the picture) and shows them in order. Change how wide the internet pipe is, send the train into a tunnel, or swap the smart player for a stubborn one, and watch the picture and the buffer. Press "Start the video again" to see the blurry start.

Which player?

loading…picture on screen
0.0 svideo in the buffer
no idea yetspeed the player measured
0freezes so far

Why does it start blurry?

A streaming service doesn't keep one copy of a film. It keeps the same film at several sizes, from small and blurry (240p, a few hundred kilobits a second) up to sharp and big (1080p, around 5 megabits a second, and more for 4K). Each copy is chopped into short chunks, a few seconds each, lined up so the player can jump between sizes at any chunk. That set of sizes is called the quality ladder.

When you press play, the player has no idea how fast your connection is. If it grabbed a big sharp chunk first and the connection was slow, you'd stare at a spinning circle. So it starts low on the ladder, gets going in a moment, and times how long each chunk took to arrive. That's its measurement of your throughput. Once it's confident, it climbs a rung at a time. This is called adaptive bitrate streaming.

The snap to sharp comes a little later than the switch itself. The blurry chunks already in the buffer still have to play first, a bit like a queue of trains that left the station before the timetable changed.

The buffer is the video's packed lunch

The buffer is video that has already been downloaded but not shown yet. While the pipe is faster than the video needs, the buffer fills up. When the pipe gets thin, for a train tunnel or someone else starting a big download, the video keeps playing from the buffer. It only freezes if the buffer runs completely dry. That's why the smart player drops to a smaller rung as soon as the buffer runs low: a few blurry seconds are better than a frozen picture.

Train journey: be the player who knows the route

You're watching a film on a train. Each stretch lasts 10 seconds. For each one, let the smart player choose, or pick the size yourself. The smart player only knows what it has measured; you can see the tunnel coming. Get through with no freezes and a sharper picture than the smart player for three stars.

      Why don't video calls do this as well?

      They do change size, but they can't keep a big buffer. A film app can download the next half a minute ahead because the film already exists. On a live call the next second hasn't happened yet, so there's almost nothing to keep in hand. When the connection wobbles, a call has to go blocky or freeze straight away. You can see that in the Wi-Fi relay race and in how a video call squeezes a face into a thin pipe.

      When a video stays blurry

      Grown-up how-tos on Tooltern: why videos start blurry, then sharpen · video keeps buffering: causes and fixes · Mbps vs MB/s · streaming data calculator: will my data last the month?

      Words from this lesson

      Earn a bonus badge

      Get all 4 right to collect the Video finding its glasses bonus badge. Bonus badges are extra: they don't change your stamp count or rank. Wrong answers are fine: just try again.

      1. Why does a film often look blurry for the first second or two?

      2. What is the buffer?

      3. The train goes into a long tunnel. What's the best thing a player can do just before?

      4. Why can't a live video call keep a big buffer like a film app?

      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