Open and Close camera

by Osama Qassar

HTML

<body>
  <video width="320" height="240" controls autoplay></video>
  <p>
    <button id=start>
      start
    </button>
    <button id=audio>
      stop audio
    </button>
    <button id=video>
      stop video
    </button>
    <button id=both>
      stop both
    </button>
  </p>
</body>

JavaScript

function aa (){
  navigator.mediaDevices.getUserMedia({
        audio: true,
        video: true
      })
      .then(stream => {
        window.localStream = stream;
        document.querySelector('video').src = URL.createObjectURL(stream);
      })
      .catch((err) => {
        console.log(err);
      });
}

    
    
start.onclick = function() {
  aa();
} 
audio.onclick = function() {
  localStream.getAudioTracks()[0].stop();
}
video.onclick = function() {
  localStream.getVideoTracks()[0].stop();
}
both.onclick = function() {
  localStream.getTracks().forEach((track) => {
    track.stop();
  })
}