Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
3分でわかる WebRTCのP2P通信
Search
koz
July 21, 2021
Technology
93
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
3分でわかる WebRTCのP2P通信
3分間LTで発表した資料
WebRTCのP2Pについて調べたので作成した
koz
July 21, 2021
More Decks by koz
See All by koz
Angularの雰囲気を伝えたい
koz
0
71
TypeScriptに興味を持って欲しいスライド
koz
0
290
Other Decks in Technology
See All in Technology
10年後、Engineering 行為を剥奪されるとして、わたしたちは、どう、何を創ればいいだろうか。 / If Engineering Is Taken Away in 10 Years, How and What Should We Create?
bitkey
PRO
1
180
日本語に強いオープンな大規模言語モデル「LLM-jp」
odashi
4
1.1k
自作バイナリを動かす「入口」8選
puhitaku
2
1.3k
AI導入は済んだ。次は統制を作り替える番だ_AI×開発組織 Summit 2026
techtekt
PRO
0
180
re:Invent初参加で変わったこと、2回目にやってみたいこと(JAWS-UG彩の国埼玉 #12)
mhrtech
2
190
Cognition AI Japan - ウェビナー2_テストQA_運用監視
cogakira
0
140
『SAR衛星データ解析入門』のご紹介とその応用
syuchimu
0
120
DevelopersIO 2026 知識の地図を描く ─ オントロジーとは何か?
ishikawa_satoru
1
1.6k
スキマバイトという雇用形態は存在しないので、雇用期間1日のアルバイト契約を事業者とワーカーが結ぶ手続きを支えるのがタイミーなんです
akitoshiga
0
190
AI駆動開発の時代になったのでトヨタ生産方式から見直す
terurou
7
6k
Rustuna: Rustによる高速なOptuna実装
pfn
PRO
0
190
Claude Code本は、どのように執筆チームで書かれたか
oikon48
1
370
Featured
See All Featured
Discover your Explorer Soul
emna__ayadi
2
1.3k
Fireside Chat
paigeccino
43
4.1k
Visualization
eitanlees
153
17k
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
570
How GitHub (no longer) Works
holman
316
150k
Technical Leadership for Architectural Decision Making
baasie
3
600
Reflections from 52 weeks, 52 projects
jeffersonlam
356
22k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
530
Music & Morning Musume
bryan
48
7.4k
Un-Boring Meetings
codingconduct
0
460
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
310
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するために実際には、サーバーを介しての情報をやりとりするという手順を踏む必 要があるというのがわかったと思います。 実際にはまだ登場人物がいたりするので、興味があれば調べてみてください。 おしまい。