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

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


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.