Screen capture

概要

getDisplayMedia() で画面、ウィンドウ、タブの映像をキャプチャし、画面共有や録画機能を実現します。

対応ブラウザ

基本構文

const stream = await navigator.mediaDevices.getDisplayMedia({
  video: { displaySurface: 'monitor' },
  audio: true
});
const video = document.querySelector('video');
video.srcObject = stream;

実務での使いどころ

• Screen capture の活用

  Screen Capture API。画面やウィンドウの内容をキャプチャするAPI。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — Screen capture