20行代码，实现屏幕录像 展示一个技巧，可以给任何网站、网页实现屏幕录像功能。

 

这段 代码   控制台运行之后会出现  “undefined” 然后双击 要录制 的屏幕就可以了

 

var body = document.body;

body.addEventListener('dblclick', async function () {

  var stream = await navigator.mediaDevices.getDisplayMedia({ video: true });

  var mime = MediaRecorder.isTypeSupported('video/webm; codecs=vp9') ? 'video/webm; codecs=vp9' : 'video/webm';

  var mediaRecorder = new MediaRecorder(stream, { mimeType: mime });

  var chunks = [];

  mediaRecorder.addEventListener('dataavailable', function (e) {

    chunks.push(e.data);

  });

  mediaRecorder.addEventListener('stop', function () {

    var blob = new Blob(chunks, { type: chunks[0].type });

    var url = URL.createObjectURL(blob);

    var a = document.createElement('a');

    a.href = url;

    a.download = 'video.webm';

    a.click();

  });

  mediaRecorder.start();

});