2018/10追記
月日が流れ、 Screen Capture APIなるAPIが実装されたようです。
Qiitaでは以下の記事が分かり易そうでした。
事前準備
- コマンドライン引数の「--enable-usermedia-screen-capturing」が必要
- オレオレ証明書で良いのでhttpsでアクセスできるページのみ有効
OSXのコマンドライン引数
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --enable-usermedia-screen-capturing
Windows
C:\Users\foo\AppData\Local\Google\Chrome\Application\chrome.exe --enable-usermedia-screen-capturing
注意
すでにChromeが起動していると有効にならない
HTMLを用意
<html>
<meta charset="UTF-8">
<video id='world' width="256" height="256" autoplay></video>
<button onClick="start()">start</button>
<button onClick="stop()">stop</button>
<script>
var video = document.getElementById("world");
var localStream;
function start() {
if (navigator.webkitGetUserMedia) {
navigator.webkitGetUserMedia({
audio: false,
video: {
mandatory: {
chromeMediaSource: 'screen',
minWidth: 1280,
maxWidth: 2560,
minHeight: 720,
maxHeight: 1440
}
}
}, function (stream) {
localStream = stream;
var url = window.webkitURL.createObjectURL(stream);
video.src = url;
video.play();
}, function (error) {});
}
}
function stop() {
if (navigator.webkitGetUserMedia) {
localStream.stop();
}
}
</script>
</html>
httpsでHTMLをアクセスできるようにする
koaでhttpsを使うなどを参考にw
じつは
この機能は将来的に廃止予定らしい