title: How to remove recording icon, after clicking stop button?
body: <p>Recording has been started using navigator.mediaDevices.getUserMedia(). Following is the code: (Vue Js)</p>
  
  <pre><code>   &lt;a href="javascript:void(null)" @click="stopRecording"&gt;Stop&lt;/a&gt;
     &lt;script&gt;
      methods:{
       stopRecording() {
         if (window.mediaStream) {
           window.mediaStream.getTracks().forEach(function(track) {
           track.stop();
         });
        }
       }
      &lt;/script&gt;
  </code></pre>
  
  <p>Also tried <a href="https://stackoverflow.com/questions/11642926/stop-close-webcam-which-is-opened-by-navigator-getusermedia">Stop/Close webcam which is opened by navigator.getUserMedia</a>.
  Immediately after calling track.stop(), the 'readyState' of audio is set to ended. But the recording icon is not removed from the tab.</p>