Browser 使用HTML5记录屏幕(屏幕广播),例如getUserMedia或其他什么?

Browser 使用HTML5记录屏幕(屏幕广播),例如getUserMedia或其他什么?,browser,html5-video,screen-capture,Browser,Html5 Video,Screen Capture,是否有一些HTML5API可以帮助我录制屏幕(屏幕广播)?我知道如何录制网络摄像头等,但我需要自己的屏幕。如果在某些跨平台浏览器中实际实现了此API,则会更有帮助。屏幕捕获是Chrome中的一项实验性功能,您必须在浏览器设置中启用它(chrome://flags/#enable-用户媒体屏幕捕获)。而且,它似乎只适用于https连接 navigator.getUserMedia({ video: { mandatory: { chromeMediaSource

是否有一些HTML5API可以帮助我录制屏幕(屏幕广播)?我知道如何录制网络摄像头等,但我需要自己的屏幕。如果在某些跨平台浏览器中实际实现了此API,则会更有帮助。

屏幕捕获是Chrome中的一项实验性功能,您必须在浏览器设置中启用它(chrome://flags/#enable-用户媒体屏幕捕获)。而且,它似乎只适用于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。

您描述的解决方案记录了来自相机的内容,而不是OP要求的屏幕广播。这是因为该答案已有一年历史,且实验性功能已被删除。您现在需要一个浏览器扩展才能使其正常工作。详情如下: