Slide 1

Slide 1 text

3分でわかる WebRTCのP2P通信

Slide 2

Slide 2 text

自己紹介 kozです。

Slide 3

Slide 3 text

WebRTCについて

Slide 4

Slide 4 text

WebRTC とは ブラウザ同士でリアルタイムに通信を行う仕組みのこと。 WebRTCのP2P通信の仕組みを簡単に説明し、完全に理解します。

Slide 5

Slide 5 text

通信方式 - P2P(Peer To Peer) - クライアント同士が映像 /音声を通信する - 今回はこれの紹介 - SFU(Selective Forwarding Unit) - サーバが映像/音声を中継してくれる - MCU(Multi-point Control Unit) - サーバーが映像/音声の処理をしてから配信してくれる

Slide 6

Slide 6 text

用語整理

Slide 7

Slide 7 text

登場人物 ● Peer ● STUN ● シグナリング

Slide 8

Slide 8 text

Peer クライアントのこと。 ここでは、ボブとアリスとする。 ボブ アリス

Slide 9

Slide 9 text

シグナリング P2Pに必要な情報をやり取りする仕組み。 シグナリングサーバーを経由する。 方式は問わない。

Slide 10

Slide 10 text

STUN PeerのIP/Portを知るためのもの。 NAT越えに必要。

Slide 11

Slide 11 text

通信の流れ

Slide 12

Slide 12 text

その1 - シグナリング準備

Slide 13

Slide 13 text

その2 - Offerを送る Offer Offer

Slide 14

Slide 14 text

その3 - Anserを受け取る Answer Answer

Slide 15

Slide 15 text

その4 - STUNに問い合わせる Who am I ? Who am I ?

Slide 16

Slide 16 text

その5 - STUNから情報を受け取る Your IP & Port Your IP & Port

Slide 17

Slide 17 text

その6 - 経路情報を交換する Candi date Candi date

Slide 18

Slide 18 text

その7 - P2Pでの通信開始!!!🎉 Data

Slide 19

Slide 19 text

まとめ WebRTCのP2P通信の仕組みを簡単に説明しました。 P2Pするために実際には、サーバーを介しての情報をやりとりするという手順を踏む必 要があるというのがわかったと思います。 実際にはまだ登場人物がいたりするので、興味があれば調べてみてください。 おしまい。