MediaRecorder.stop() doesn't clear the recording icon in the tab

Question

I start and stop a MediaRecorder stream. The red \"recording\" icon appears in the Chrome tab on start, but doesn\'t go away on stop.

The icon looks like this:

Answer 1

This is because this recording icon is the one of getUserMedia streaming, not the one of MediaRecorder.
When you stop the MediaRecorder, the stream is still active.

To stop this gUM stream (or any other MediaStream), you'd call MediaStreamTrack.stop().

stream.getTracks() // get all tracks from the MediaStream
  .forEach( track => track.stop() ); // stop each of them

Fiddle since stacksnippets doesn't allow gUM even with https...

And an other fiddle where the stream is accessed through MediaRecorder.stream.