Webアプリでデスクトップや他(ブラウザ以外の)ウインドウのスクリーンショットを撮りたい場面がありました。
こういうことです。
サンプル
See the Pen wvMGvWp by Yuichi Takeuchi (@takeyuweb) on CodePen.
動作確認に使った環境は Windows 10 Pro 2004 + Chromium Edge です。
TypeScript
2020/6/11現在、TypeScriptの定義が追いついておらずコンパイルできません。
ワークアラウンド
declare global
しちゃう
export {}; declare global { interface MediaDevices { getDisplayMedia(constraints?: MediaStreamConstraints): Promise<MediaStream>; } }
あわせて、型定義を追加
$ npm install --save @types/dom-mediacapture-record $ npm install --save @types/w3c-image-capture