Why autoplay with sound is not natural

Why a streamed video, on Eagle 3D Streaming or anywhere else on the web, may start by itself but its sound may not, why a sound button and a play button are both still needed, and what Eagle 3D Streaming does on every device.

A phone at midnight

It is past midnight. Someone is lying in bed next to a sleeping partner, scrolling on their phone. A friend has sent a link, and they open it.

If the video started by itself with its sound, the room would fill with noise at full volume, and the partner would wake up. The person only wanted to see the video, not to hear it, and they were given no chance to choose.

Now picture the same thing in a quiet office, on a train, in a library, or in a meeting. Or a video whose sound is simply unpleasant: a scream, an accident, an argument. The viewer may well want to watch it, but not to hear it, or not yet.

And picture the worst case: a pop-up window from a website you did not mean to visit, with a video in it, and a loud voice shouting "Your computer is infected! Call this number now!". If sound could start on its own, every such pop-up would become a loudspeaker the moment it opened.

So browsers split autoplay in two

People usually say "autoplay" as if it were one thing. For a browser it is two:

  1. Video autoplay: the picture starts moving by itself, without the viewer doing anything.
  2. Audio autoplay: the sound starts playing by itself, without the viewer doing anything.

To stop the bedroom, the office and the pop-up from ever happening, every major browser (Chrome, Edge, Firefox and Safari) adopted the same rule: the picture may start by itself, the sound may not. Sound is allowed only after the viewer has done something on the page: a click, a tap, or a key press.

The two halves of "autoplay" follow different rules. The picture may start on its own; the sound needs the viewer to do something first.

One detail surprises almost everyone. If a page asks the browser to start a video with its sound before the viewer has done anything, the browser does not quietly play it without sound. It refuses the whole request, and the video does not start at all. A page that insists on sound gets a frozen first frame.

Starting muted, and the sound button

So a page for which autoplay matters has to accept one fact: to start by itself every time, the video has to start muted.

That raises the next question. If the video starts silently, how does the viewer know there is sound at all, and how do they turn it on?

Turning it on is not up to the page alone. A browser lets a muted video start its sound only once its own condition has been met: something that shows a real person is sitting in front of the screen. Chrome's condition is that the viewer has interacted with the page: a click, a tap or a key press. Safari, and the browsers on the iPhone, have the same kind of condition with their own definition of what counts. Until that condition is met, a page that tries to turn the sound on is refused.

So the industry's answer is to let the viewer decide when the sound comes on. The page shows a sound button, the familiar speaker icon with a cross through it, which says "the sound is off". The page's programmer makes a press on that button try to start the sound. The press itself is the interaction the browser was waiting for, so the condition is met at that very moment, and the sound starts. That is how the sound comes back on a video that started by itself, muted.

That is why, wherever you see a video start by itself (social media feeds, news websites, product pages) you also see a small speaker icon in a corner. It is not decoration. It is the other half of the same browser rule.

Then why keep a play button?

With the video starting muted and a sound button on screen, it is tempting to think the play button is no longer needed. It is still needed, because not every device allows even muted autoplay.

  • iPhone and iPad in Low Power Mode. When the battery saver is on, Safari, and every other browser on the iPhone, does not start any video by itself, muted or not. Apple enforces this; no website can override it.
  • A viewer's own browser setting. Safari on a Mac has a "Never Auto-Play" setting, and Firefox has "Block Audio and Video". A viewer who chose either has asked for no video to start by itself.
  • Rules that do not exist yet. Browsers and devices keep adding rules like these, to save battery, data, or the viewer's attention. A page built only for today's rules breaks on the next one.
The play button is the future-proof path

On these devices the video cannot start until the viewer presses something. A page without a play button simply shows a still picture, and the viewer has no idea that anything is wrong or what to do about it.

So the play button must stay. It should not be on screen all the time, only when autoplay was refused, and it must appear by itself at that moment, without the viewer having to guess.

What Eagle 3D Streaming does: smart autoplay

Eagle 3D Streaming's position is simple: if picture and sound can start together, they should. So it uses smart autoplay: it assumes, to begin with, that the browser will allow both, tries that first, and only steps down when the browser says no. Each step down happens by itself, and fast.

Read it top to bottom. Each step is tried only when the one above was refused, so the viewer always gets the most the browser allows: picture and sound, then picture with a sound button, then a play button, with a backup behind it.
  1. Eagle 3D Streaming starts picture and sound together. It assumes the browser will allow it. If the viewer has already clicked or tapped on the page, it does, and the stream starts with sound.
  2. If the browser refuses, it pauses the video, and within milliseconds Eagle 3D Streaming starts it again with the sound muted. It happens too fast to notice: the viewer simply sees the stream playing. Because the sound is muted, a sound button appears in the bottom-right corner; pressing it turns the sound on.
  3. If autoplay is switched off altogether, as on an iPhone in Low Power Mode, Eagle 3D Streaming shows the play button. Pressing it starts the video, and in most cases the sound with it, because pressing the button is exactly the action the browser was waiting for.
  4. The backup. Browser and device makers keep introducing new rules, and one of them may still refuse the sound at that moment. Eagle 3D Streaming is ready for that: the video pauses for a few seconds, then starts again with the sound muted, and the sound button appears in the bottom-right corner, exactly as in step 2.
where the viewer iswhat they see
Clicked or tapped on the page before the stream was readyThe stream starts with sound.
Chrome, Edge, Firefox or Safari, no click yetThe stream starts muted, with the sound button in the bottom-right corner.
iPhone or iPad in Low Power ModeThe play button. Pressing it starts picture and sound.
Safari "Never Auto-Play" or Firefox "Block Audio and Video"The play button. Pressing it starts picture and sound.
A rule that refuses the sound even after the play buttonA short pause, then the stream plays muted, with the sound button.

All of this happens with the Autoplay setting switched on. With it off, the viewer always presses a button to start; see Streaming interface.

Last updated