はじめに
- この資料は、WebRTCハンズオン勉強会(2016.09.19/2017.04.09)用の資料です。
- 資料の全体はこちらのINDEXを参照してください。
今日のハンズオンで必要なもの
ハードウェア
- ノートパソコン... Windows, Mac (, Linux)
- Webカメラ ... 内蔵、またはUSB接続のもの
- USB接続の場合は「ドライバ不要」のもの
ソフトウェア
- エディタ... お好きなもの
- ブラウザ... 今回はChromeを推奨
- （2016年9月現在、Chrome 53が最新）
- 2017年4月現在、Chrome 57が最新、Firefoxは52
- 2019年1月現在、Chrome 71が最新、Firefoxは74
- ※今日はChrome 71 を前提に説明します
- ローカルのWebサーバー
- Apache, nginx, PHP/Python/Ruby付属など
- Visual Studio Code の機能拡張がおすすめ
- 参考：開発用ローカルサーバを立ち上げる方法
- 参考：お手軽なWebサーバーの立て方
- Node.js (v4.x or v6.x or v7.x or ) v8.x v10.x
- シグナリングサーバーで利用
※ Webサーバーの準備ができていない方は手をあげてください。サポートします
※ Node.jsの準備ができていない方は手をあげてください。サポートします
ネットワーク接続
- シグナリングの過程でICE Candidateと呼ばれる通信経路情報を収集
- PCがネットワークにつながっている必要あり
- 完全にスタンドアローンの状態では収集できない
- 今日は会場のWiFiがある、はず
元になるソースコード
元になるソースコードをGitHubから取得
- WebRTCハンズオン 本編
- MediaRecorder編 （録画）
git clone、またはzipをダウンロード→解凍してください
gitの場合
git clone https://github.com/yusuke84/webrtc-handson-2016.git
git clone https://github.com/mganeko/handson_201609.git
※ソースの取得方法が分からない場合は、手をあげてください。サポートします
ここまで、準備はできましたか？
- 何か質問や、困っていることがある人は？