2

是否有一些 HTML5 API 可以帮助我录制屏幕（截屏视频）？我知道录制网络摄像头等，但我需要自己的屏幕。如果这个 API 真的在一些跨平台浏览器中实现，它会更有帮助。

4

2 回答 2

2

屏幕截图是 Chrome 中的一项实验性功能，您必须在浏览器设置中启用它 (chrome://flags/#enable-usermedia-screen-capture)。此外，它似乎只适用于 https 连接。

navigator.getUserMedia({
    video: {
      mandatory: {
        chromeMediaSource: 'screen'
        // maxWidth: 640,
        // maxHeight: 480
      }
    }
  },
  function (stream) {
    //success! Now set up the video
    var video = document.createElement('video');
    video.src = window.URL.createObjectURL(stream);
    video.autoplay = true;
    //you can choose to display the video here or not.
  },
  function () {
    //failure. browser is unable or permission denied
  }
);

设置好视频后，就可以录制了。为媒体录制起草了一个标准，但尚未在任何浏览器中实现。但是，它仍然是可能的。有关解决方法，请参阅此演示和示例代码。

不幸的是，目前，此解决方案仅适用于 Chrome。

于 2013-10-25T02:36:00.287 回答
0

可以通过 MediaRecorder API 进行屏幕捕获，并从隐藏的画布进行录制。

这是一个例子

于 2021-09-07T06:26:11.773 回答