WebRTC ハンズオン資料 ScreenCapture & マルチストリーム編
2020/7/14 14:36:00
WebRTC ハンズオン資料 ScreenCapture & マルチストリーム編のコードの動かし方
WebRTCハンズオン 本編のシグナリングサーバーを起動
Nodejsをインストール
ws: a Node.js WebSocket libraryをインストール
npm install ws
webrtc-handson-2016/server/signaling.jsをダウンロードして実行
node signaling.js
クライアント用のコードを、ローカルにダウンロード(git cloneや、zipでダウンロード)
コード: GitHub mganeko/webrtc_screen_multistream
2つのブラウザで screen.html を開く
両方のブラウザで、[Start Video]ボタンをクリック
片方のブラウザで、[Connect]ボタンをクリック
→ P2P通信が確立し、片方の映像がもう一方のブラウザに表示される
片方のブラウザで、[Add Screen]ボタンをクリック
スクリーン全体、ウィンドウを選択する
→ キャプチャーが始まり、もう一方のブラウザに表示される
[Remove Screen]ボタンをクリックすると、キャプチャーが終了する