使用HTML5录制屏幕（屏幕录像），例如getUserMedia什么的？

Question

是否有一些HTML5 API可以帮助我记录屏幕（screencast）？我知道录制摄像头等，但我需要自己的屏幕。如果这个API实际上是在一些跨平台的浏览器中实现的，那将会更有帮助。

Answer 1

屏幕截图在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。