使用HTML5录制屏幕(截屏视频),例如getUserMedia还是什么?

时间:2013-05-08 11:59:38

标签: browser html5-video screen-capture

是否有一些HTML5 API可以帮助我录制屏幕(截屏视频)?我知道录制网络摄像头等,但我需要自己的屏幕。如果这个API实际上是在某个跨平台的浏览器中实现的,那将会更有帮助。

1 个答案:

答案 0 :(得分: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
  }
);

设置视频后,即可录制视频。有一个标准的媒体录制草案,但它尚未在任何浏览器中实现。但是,它仍然有可能。有关解决方法,请参阅此demo and sample code

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