📜  getdisplaymedia screenshot - Javascript代码示例

📅  最后修改于: 2022-03-11 15:02:46.233000             🧑  作者: Mango

代码示例1
courtesy of @BobbyTables on GitHub



// Request media
navigator.mediaDevices.getDisplayMedia().then(stream => 
{
  // Grab frame from stream
  let track = stream.getVideoTracks()[0];
  let capture = new ImageCapture(track);
  capture.grabFrame().then(bitmap => 
  {
    // Stop sharing
    track.stop();
      
    // Draw the bitmap to canvas
    canvas.width = bitmap.width;
    canvas.height = bitmap.height;
    canvas.getContext('2d').drawImage(bitmap, 0, 0);
      
    // Grab blob from canvas
    canvas.toBlob(blob => {
        // Do things with blob here
      blob.name = `screenshot-${new Date().getTime()}`;
      // copy to clipboard
      let data = [new ClipboardItem({ [blob.type]: blob })];
      navigator.clipboard.write(data);
      console.log('output blob:', blob);
    });
  });
})
.catch(e => console.log(e));