MENU


Screen Capture API

This shows how to capture a live video stream of the screen. You can combine this with WebRTC for remote screen sharing. You can also record the screen video feed.
RESETRUNFULL
<!DOCTYPE html><html><body>
   <button onclick="startCapture()">Start Capture</button>&nbsp;
   <button onclick="stopCapture()">Stop Capture</button>
   <video autoplay></video>
   <script>
      const video = document.querySelector("video");
      async function startCapture() {
         video.srcObject = await navigator.mediaDevices.getDisplayMedia({
            video: {cursor: "always"},
            audio: false
         });
      }
      function stopCapture(e) {
         let tracks = video.srcObject.getTracks();
         tracks.forEach(track => track.stop());
         video.srcObject = null;
      }
   </script>
</body></html>