[B! Chrome][Screen Capture API] yterazonoのブックマーク

yterazono id:yterazono

ChromeとScreen Capture APIに関するyterazonoのブックマーク (3)

Screen Capture (Editor's Draft)
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
yterazono 2018/10/26
Chrome

Screen Capture API

W3C
リンク
Chrome Canary M70 でScreen Capture API 利用できるようになった
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
yterazono 2018/10/26
Chrome

Screen Capture API
リンク
Chromeのブラウザ内（もしくはデスクトップ）操作をJavaScriptで録画する - Qiita
ブラウザ内の操作をビデオに録画したくなったので調べていたら 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
yterazono 2018/10/26
Chrome

Screen Capture API

***あとでよく読む***
リンク
1