2023/11/08 · 画面キャプチャ API (Screen Capture API) は、既存のメディアキャプチャおよびストリーム API に追加して、ユーザーが画面または画面の一 ...
This document defines how a user's display, or parts thereof, can be used as the source of a media stream using {{MediaDevices/getDisplayMedia}}, an extension to the Media Capture API [[GETUSERMEDIA]]. This document is not complete. It is subject to major changes and, while early experimentations are encouraged, it is therefore not intended for implementation. Introduction This document describes
Chrome では今までスクリーンキャプチャ機能を利用するには Chrome 拡張が必要でした。ただ、かなりの手間がかかるうえ、最近ではインラインインストールができなくなったこともあり、かなり不便になっていました。 ただ、Chrome は Screen Capture API を実装すると 2018 年 6 月に発表していました。その後は音沙汰がなかったのですが、先程実装されたという発表がメーリングリストに流れていましたので、試してみました。 以下を Chrome Canary 70.0.3532.6 以上で console にて叩きここんでください。 navigator.getDisplayMedia({audio: false, video: true}) .then(stream => { let videoTracks = stream.getVideoTracks(); cons
ブラウザ内の操作をビデオに録画したくなったので調べていたら getDisplayMedia という面白そうなものを見つけたので試しに使ってみました。 Chrome Canary M70 でScreen Capture API 利用できるようになった MediaStream.getDisplayMedia() 2018/10/23時点の Chrome 70.0.3538.67 ではまだ使えないみたいです。使うためには Canary で試してください。他のブラウザの対応としては Firefox / Edge が対応しているようです。ただし Firefox は呼び出し方が違いました。 参考: WebRTC API コトハジメ なおヘッドレスブラウザで録画する方法はこちら ヘッドレスブラウザ Chrome + Chromy で操作した内容を録画する サンプルコード Canary の DevTool
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く