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