MediaRecorder.stop() doesn't clear the recording icon in the tab : <p>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.</p>

<p>The icon looks like this:</p>

<p><a href="https://i.stack.imgur.com/a0kZn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/a0kZn.png" alt="enter image description here"></a></p>

<p>My code looks like this:</p>

<pre><code>const mediaRecorder = new MediaRecorder(stream);
...
// Recording icon in the tab becomes visible.
mediaRecorder.start();
...
// Recording icon is still visible.
mediaRecorder.stop();
</code></pre>

<p>I also have a <code>mediaRecorder.onstop</code> handler defined. It doesn't return anything or interfere with the event object.</p>

<p>What's the proper way to clear the "recording" indicator for a tab after starting and stopping a MediaRecorder instance?</p>
