わか(った気がす)る WebRTC

キーフレーズ

WebRTC サーバー TURN https ストリーム RTCPeerConnection メディア Firefox getUserMedia Chrome SDP シグナリング プラウザー STUN video 場合 Safari 利用 SFU 指定 接続 Web await mediaDevices event WebSocket データ MCU 通信 デバイス P2P データチャネル 取得 API LAN Edge オプジェクト 必要 NAT 参加者 送信 UDP ICE 映像 org decode 情報 turnserver 設定 webrtc encode navigator ポート ユーザー できる アドレス height サービス Media true JavaScript coturn リスト 対応 条件 候補 フレームレート width 2017 マリスト new stun audio 192 音声 Android .com port 経路 fps 相手 rtcp ルーター let TCP addTrack 仕様 HTTPS チャンク 端末 カメラ アプリ 起動 生成 () http アンサー mediaStream インストール 設定ファイル

目次

目次 2 っ 4 4 をり一り 1 り はじめに 本書の対象範囲 前提スキル・知識 . 確認環境 . サポートページ お間い合わせ 免責事項 . WebRTC に関する基本的知識 第 1 章 1.1 そもそも WebRTC とは・・・ 1.2 WebRTC の特徴 1.3 対応環境 1.4 採用実績 1.5 最初の一歩 メディアストリームを取得する・・・ Media Capture API 第 2 章 とりあえずメディアストリームを取得してみる メディアストリームの条件を指定する メディアストリームの構造 . 通信相手を見つけて、つなげる・・・シグナリング 第 3 章 はじめましてのシグナリング 3.1 3.2 シグナリングの仲介役 シグナリングのシーケンス . 3.3 相手とつながるために・・・ ICE/STUN/TURN 第 4 章 スコ。クカシコイアイス 9 9 し一 0 一つ 4 1 り「ー 1 1 1 -1 6 っ 6 「ー冖ー 8 0 】 -4 ・ 4 1 ワ 4 っ 4 3 つひ 1 っ 4 っ 4 つ」ワ 47 47 4.1 6

一 8 ) 一 8 一つ 1 つけ -4 4 一りり STUN サーバー 4.2 4.3 NAT を越えてゆけ . 4.4 最終兵器 TURN サーバー 4.5 Microsoft は TURN サーバーがお好き ? STUN/TURN サーバーの構築 第 5 章 coturn のインストール . 5.1 STUN サーバーを構築する 5.2 5.3 TURN サーバーを構築する 映像・音声以外をやり取りする・・・アータチャネル 第 6 章 6.1 データチャネルの開始方法 . 6.2 データの送受信 WebSocket とデータチャネル 6.3 6.4 データチャネルの信頼性 バイナリデータの形式を変える 6.5 6.6 大きなデータを送るには P2P だけが WebRTC じゃない・・・ SFU と MCU 第 7 章 P2P の弱点 SFU と MCU . 7.2 TURN との違い 7.3 P2P との使い分け 第 8 章 開発に便利な Tips & Tricks プラウザーの挙動を変える . プラウザーの内部情報を覗き見する ローカルサーバーに外部から接続できるようにする (HTTPS 対応 ) ビデオチャットのサンプルアプリ 付録 A A. 1 セットアップ方法 A. 2 アプリの起動と実行 WebRTC の理解・活用に役立つ Web ページ集 付録 B B. 1 情報サイト コミュニティ B. 2 ソフトウェア・サービス B. 3 5 - り りり 5 5 一り一 8 一一 0 一つっ 2 つ」一 8 一つけ 6 6 6 8 一ト 9 0 9 9 9 7

目次 あとがき 8 102

奥付

わか ( った気がす ) る WebRTC 2017 年 4 月 29 日超技術書典版 vl. 0.0 ( わかった気になる ) 2017 年 10 月 22 日技術書典 3 版 v2.0.0 ( わかった気がする ) 著者 mzsm イラストサクミトン (@sakmiton) 発行所 Route 312 (C) 2017 mzsm / Route 312 104