$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
3分でわかる WebRTCのP2P通信
Search
koz
July 21, 2021
Technology
0
81
3分でわかる WebRTCのP2P通信
3分間LTで発表した資料
WebRTCのP2Pについて調べたので作成した
koz
July 21, 2021
Tweet
Share
More Decks by koz
See All by koz
Angularの雰囲気を伝えたい
koz
0
61
TypeScriptに興味を持って欲しいスライド
koz
0
260
Other Decks in Technology
See All in Technology
NIKKEI Tech Talk #41: セキュア・バイ・デザインからクラウド管理を考える
sekido
PRO
0
200
Identity Management for Agentic AI 解説
fujie
0
410
AWS re:Invent 2025~初参加の成果と学び~
kubomasataka
0
180
フィッシュボウルのやり方 / How to do a fishbowl
pauli
2
360
[2025-12-12]あの日僕が見た胡蝶の夢 〜人の夢は終わらねェ AIによるパフォーマンスチューニングのすゝめ〜
tosite
0
140
特別捜査官等研修会
nomizone
0
540
ペアーズにおけるAIエージェント 基盤とText to SQLツールの紹介
hisamouna
2
1.5k
なぜ あなたはそんなに re:Invent に行くのか?
miu_crescent
PRO
0
140
20251219 OpenIDファウンデーション・ジャパン紹介 / OpenID Foundation Japan Intro
oidfj
0
450
松尾研LLM講座2025 応用編Day3「軽量化」 講義資料
aratako
0
690
ソフトウェアエンジニアとAIエンジニアの役割分担についてのある事例
kworkdev
PRO
0
160
LayerX QA Night#1
koyaman2
0
240
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1371
200k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
83
Information Architects: The Missing Link in Design Systems
soysaucechin
0
710
Practical Orchestrator
shlominoach
190
11k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
25
For a Future-Friendly Web
brad_frost
180
10k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
0
31
Art, The Web, and Tiny UX
lynnandtonic
304
21k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
0
99
sira's awesome portfolio website redesign presentation
elsirapls
0
89
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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するために実際には、サーバーを介しての情報をやりとりするという手順を踏む必 要があるというのがわかったと思います。 実際にはまだ登場人物がいたりするので、興味があれば調べてみてください。 おしまい。