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
67
3分でわかる WebRTCのP2P通信
3分間LTで発表した資料
WebRTCのP2Pについて調べたので作成した
koz
July 21, 2021
Tweet
Share
More Decks by koz
See All by koz
Angularの雰囲気を伝えたい
koz
0
45
TypeScriptに興味を持って欲しいスライド
koz
0
220
Other Decks in Technology
See All in Technology
SWC Transformerから見るTypeScript関数記述ベストプラクティス
fujiyamaorange
1
170
RailsConf 2024 Keynote "Startups on Rails in 2024"
irinanazarova
0
730
Autonomous Database Cloud 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
15
36k
Shinagile 2024
kawaguti
PRO
2
120
TypeScript の抽象構文木を用いた、数百を超える API の大規模リファクタリング戦略
yanaemon
6
1.2k
使われないものを作るな!出口から作るデータ分析基盤 / Data Platform Development Starting from the User Needs
amaotone
16
4k
From here to resilience - a travel guide
ufried
1
160
AWSやJAWS-UGとの出会いを振り返る
yoyoyopg
1
210
Kaggleで学ぶ系列データのための深層学習モデリング
yu4u
7
1.7k
Domain-driven Design: A Complete Example
ewolff
2
240
[2024년 5월 세미나] 생성형 AI와 함께하는 데이터 분석가 커리어
datarian
0
1.1k
The depthes of profiling Ruby - RubyKaigi 2024
osyoyu
0
100
Featured
See All Featured
Building an army of robots
kneath
300
41k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Happy Clients
brianwarren
92
6.4k
Done Done
chrislema
178
15k
In The Pink: A Labor of Love
frogandcode
138
21k
Git: the NoSQL Database
bkeepers
PRO
423
63k
Designing with Data
zakiwarfel
96
4.8k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
81
44k
How GitHub (no longer) Works
holman
305
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.5k
Rails Girls Zürich Keynote
gr2m
91
13k
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するために実際には、サーバーを介しての情報をやりとりするという手順を踏む必 要があるというのがわかったと思います。 実際にはまだ登場人物がいたりするので、興味があれば調べてみてください。 おしまい。