Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
3分でわかる WebRTCのP2P通信
Search
koz
July 21, 2021
Technology
0
76
3分でわかる WebRTCのP2P通信
3分間LTで発表した資料
WebRTCのP2Pについて調べたので作成した
koz
July 21, 2021
Tweet
Share
More Decks by koz
See All by koz
Angularの雰囲気を伝えたい
koz
0
56
TypeScriptに興味を持って欲しいスライド
koz
0
250
Other Decks in Technology
See All in Technology
Data Hubグループ 紹介資料
sansan33
PRO
0
1.8k
QAはソフトウェアエンジニアリングを学んで実践するのが大事なの
ymty
1
390
Autonomous Database サービス・アップデート (FY25)
oracle4engineer
PRO
2
770
Tensix Core アーキテクチャ解説
tenstorrent_japan
0
360
ユーザーのプロフィールデータを活用した推薦精度向上の取り組み
yudai00
0
330
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
12k
doda開発 生成AI元年宣言!自家製AIエージェントから始める生産性改革 / doda Development Declaration of the First Year of Generated AI! Productivity Reforms Starting with Home-grown AI Agents
techtekt
0
140
「伝える」を加速させるCursor術
naomix
0
620
技術職じゃない私がVibe Codingで感じた、AGIが身近になる未来
blueb
0
120
Copilot Agentを普段使いしてわかった、バックエンド開発で使えるTips
ykagano
1
1.1k
菸酒生在 LINE Taiwan 的後端雙刀流
line_developers_tw
PRO
0
140
VCpp Link and Library - C++ breaktime 2025 Summer
harukasao
0
170
Featured
See All Featured
Why Our Code Smells
bkeepers
PRO
337
57k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
How to Ace a Technical Interview
jacobian
276
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
Agile that works and the tools we love
rasmusluckow
329
21k
Speed Design
sergeychernyshev
31
990
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.7k
Music & Morning Musume
bryan
46
6.6k
Code Reviewing Like a Champion
maltzj
524
40k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Raft: Consensus for Rubyists
vanstee
139
7k
Transcript
3分でわかる WebRTCのP2P通信
自己紹介 kozです。
WebRTCについて
WebRTC とは ブラウザ同士でリアルタイムに通信を行う仕組みのこと。 WebRTCのP2P通信の仕組みを簡単に説明し、完全に理解します。
通信方式 - P2P(Peer To Peer) - クライアント同士が映像 /音声を通信する - 今回はこれの紹介
- SFU(Selective Forwarding Unit) - サーバが映像/音声を中継してくれる - MCU(Multi-point Control Unit) - サーバーが映像/音声の処理をしてから配信してくれる
用語整理
登場人物 • Peer • STUN • シグナリング
Peer クライアントのこと。 ここでは、ボブとアリスとする。 ボブ アリス
シグナリング P2Pに必要な情報をやり取りする仕組み。 シグナリングサーバーを経由する。 方式は問わない。
STUN PeerのIP/Portを知るためのもの。 NAT越えに必要。
通信の流れ
その1 - シグナリング準備
その2 - Offerを送る Offer Offer
その3 - Anserを受け取る Answer Answer
その4 - STUNに問い合わせる Who am I ? Who am I
?
その5 - STUNから情報を受け取る Your IP & Port Your IP &
Port
その6 - 経路情報を交換する Candi date Candi date
その7 - P2Pでの通信開始!!!🎉 Data
まとめ WebRTCのP2P通信の仕組みを簡単に説明しました。 P2Pするために実際には、サーバーを介しての情報をやりとりするという手順を踏む必 要があるというのがわかったと思います。 実際にはまだ登場人物がいたりするので、興味があれば調べてみてください。 おしまい。