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
92
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
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
12k
おい、エージェントを使って終わらせろ
nwiizo
2
790
品質と信頼性を地続きにする
grimoh
2
840
事業課題から技術的負債に向き合う
sansantech
PRO
2
2k
Slack上でインフラをトラブルシュートする! Agentic Platform Engineeringの第一歩
teru0x1
5
1.8k
人間はどの意思決定を手放せるのか
kawasima
15
7.6k
AI de Idea
kawaguti
PRO
2
130
ソフトウェアDNAとクラウドエージェントのススメ
cloudace
0
120
銀行勘定系システムにおける開発プロセス刷新×AIによる環境モダナイゼーション / Development Process Transformation and AI-Driven Environment Modernization
muit
1
2.4k
作って終わりじゃないサーバーレス 〜9年運用する大規模EC物流API基盤の設計・運用のリアル〜
zozotech
PRO
0
360
AIによるクリエイティブ生成を行う上での試行錯誤
plaidtech
PRO
0
160
現場で役立つ技術負債の効果的な返済方法
masuda220
PRO
9
4.7k
Featured
See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
400
Speed Design
sergeychernyshev
33
2.1k
How GitHub (no longer) Works
holman
316
150k
A better future with KSS
kneath
240
18k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1k
Designing Experiences People Love
moore
143
24k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
320
Facilitating Awesome Meetings
lara
57
7.1k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.9k
Leo the Paperboy
mayatellez
10
2.3k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
1.1k
Making Projects Easy
brettharned
120
6.8k
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するために実際には、サーバーを介しての情報をやりとりするという手順を踏む必 要があるというのがわかったと思います。 実際にはまだ登場人物がいたりするので、興味があれば調べてみてください。 おしまい。