使用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。