title: Webrtc disable track doesn't turn off webcam
body: <p>I am trying to implement a toggle video feature using webRTC. Refer to the following code:</p>
  
  <pre><code>&lt;video id="remote" autoPlay&gt;&lt;/video&gt;
  &lt;button onclick="toggleVideo()"&gt;Toggle video&lt;/button&gt;
  </code></pre>
  
  <pre><code>let localVideo = document.querySelector('#local');
  
  const toggleVideo = () =&gt; {
      localVideo.srcObject.getVideoTracks()[0].enabled = !localVideo.srcObject.getVideoTracks()[0].enabled
  }
  </code></pre>
  
  <p>This turns off video as well as webcam indicator in firefox but not in chrome. Chrome only turns off the video.</p>
  
  <p>According to MDN docs,</p>
  
  <blockquote>
    <p>If the MediaStreamTrack represents the video input from a camera, <strong>disabling the track by setting enabled to false also updates device activity indicators to show that the camera is not currently recording or streaming</strong>. For example, the green "in use" light next to the camera in iMac and MacBook computers turns off while the track is muted in this way.</p>
  </blockquote>
  
  <p><a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack/enabled" rel="noreferrer">MDN docs</a>
  Is there any other workaround?</p>