際際滷

際際滷Share a Scribd company logo
2
Most read
3
Most read
4
Most read
What is WebRTC?
れ觜
WebRTC 覓伎瑚?
Web Real-Time Communication 曙襦,  觚殊一 れ螳 旧 蟲蠍  蠍一
蟲蠍 螳覦 襦碁 豕豐 觜 襷 螳ロ讌襷 谿 蠍磯レ ル
 牛,  牛, 一危  れ れ螳  旧 蠍磯レ 螻
覿 蠍磯
W3C(WebRTC Working Group) 譴, 襦  覦 觚殊一 誤煙 覲伎
譴 蠍一
Secure RTP(SRTP)襯 牛 誤 旧 螻牛 覲伎 覦 螳 覲 覲危碁ゼ 螳
覲伎螻 螳 覲
1
2
3
WebRTC 煙 伎
蠏語 
誤 覓語
覲伎 伎
 蠍磯
WebRTC 伎  觚殊一 れ螳 旧 伎 蠏語語 
螳 襷  蟆 Adobe Flash, Java 襴 
WebRTC螳 煙ロ蠍 , 誤磯血 牛 れ螳  覦 觜 旧  譴企 朱 襭 
觚殊一 轟企 襷危襯 伎  牛襯 蟲る 蠏語語企  襭 伎 
螳 觚殊一襷 るジ 蠏語語 伎 蠍 覓語  觚殊一 螳 誤 覓語螳 覦
れ 轟 蠏語語 れ螻 讌伎 
蠏語語 覲伎 豸°伎 豬渚  
 語企 覲伎 豬曙 伎 螻糾鴬 煙 覓語螳 覦
蠍一ヾ 襭れ 譯朱 觜 牛 譴 螻 朱, れ 蠍磯リ骸 讌  牛襯 螻牛蠍 企れ
WebRTC 煙
2011
Google螻 襴螳  觚殊一 蠍磯 れ螳 旧 蠍磯レ 豢螳  襦 讌 襦碁ゼ
W3C螳 API 襯 讌
Peer 2 Peer 讌
覲 覯襯 蟇一讌 螻 觚殊一 觚殊一螳 旧 豌襴 覦
WebRTC 煙
Peer 2 Peer
/ 牛
WebRTC 煙
 牛,   蠍磯ルれ  豌伎 ろ 豢
Peer 2 Peer
WebRTC 煙
1:1 牛  牛 誤磯 覦
N:N 1:N
1:1
/ 旧
Peer 2 Peer 旧 覦朱 覯 覿 覓語 觜覓語 伎
牛 蟯 覈 蠍磯 蟲
蠍一ヾ SIP 襦貊襷 伎 覦 觜 覲企  蟲 螳
JavaScript API
Peer Connection
Signalling
Transport Voice Engine Video Engine
Peer 2 Peer
WebRTC 蟲譟
Peer 2 Peer 郁屋 螳ロ蟆 
IP/Port/Codec  牛蟆曙
WebSocket煙 伎 豌襴
Peer螳 覩碁  豌襴
WebSocket
覯襯 牛 れ螳 旧
WebRTC
觚殊一 螳 れ螳 旧
一危郁 覯 讌 
WebRTC 旧 螻殊
WebRTC 旧 螻殊
WebSocket
牛豌 覦 Peer螳   覲  
TURN
Peer 螳 讌 旧 覿螳ロ 蟆曙 一危磯ゼ  襴企 
郁屋 蠍磯, TURN 覯襯 牛 譴螻 一危磯ゼ  旧 讌り 
STUN
企殊伎誤語 螻旧 IP 譯殊 碁ゼ れ朱 
ICE朱 蠏蟆 伎 覦    蟆 讌
NAT
ICE Bind Request
Src: 192.168.1.1:5060
Dst: 192.168.1.2:3478
Binding Response
MAPPED-ADDRESS
IP 11.22.33.44
Port 10080
Src: 192.168.1.1:3478
Dst: 192.168.1.1:5060
WebRTC 旧 螻殊
ICE
Candidate
STUN, TURN 覯襯 伎伎  IP 譯殊 襦貊, 語 譟壱朱 蟲焔 郁屋 螳ロ ろ語 譯殊れ 覲(Candidate)手 覿襴
PeerConnection 螳豌企ゼ 燕覃 candidate 襯 詞  
ICE Bind Request
Src: 192.168.1.1:5060
Dst: 192.168.1.2:3478
Binding Response
MAPPED-ADDRESS
IP 11.22.33.44
Port 10080
Src: 192.168.1.1:3478
Dst: 192.168.1.1:5060
 覈 螻殊 ICE(Interactive Connectivity Establishment)朱   企伎
ICE  螳 襷 P2P 郁屋 螳ロ蟆 襦 豕 蟆暑襯 谿場譯朱 
ICE  STUN 螻 TURN    Candidate 襯 蟆豢螻 企 譴 襯  Peer 螳 郁屋 
企蟆 覲企れ 讌覃 朱朱 3螳 譯殊襯 至 
  IP  覯
 螻旧 IP  覯 (STUN, TURN 覯襦覿  螳)
TURN 覯 IP  覯 (TURN 覯襦覿  螳)
WebRTC 旧 螻殊
覦 
WebSocket STUN
WebSocket Connection
ICE Bind Response
ICE Bind Request
Offer
ICE Bind Response
WebSocket Connection
ICE Bind Request
Answer
Offer
Peer 2 Peer
Answer
ICE Bind Request
Src: 192.168.1.1:5060
Dst: 192.168.1.2:3478
Binding Response
MAPPED-ADDRESS
IP 11.22.33.44
Port 10080
Src: 192.168.1.1:3478
Dst: 192.168.1.1:5060
WebRTC 蠍一 豸°
RTC 蠍磯蓋 螳 P2P(殊  殊) 旧 蠍磯 
企ゼ 牛 觚殊一 螳 讌 郁屋 一危磯ゼ 譯手覦  
 牛,  牛, 一危  れ
れ螳  旧
覩碁 ろ碁Μ覦
譴螳 覯  觚殊一 螳 讌 旧
P2P(peer to peer) 旧
 覦 蠍壱 一危 蟲  豈 螻
一危 豈
WebRTC 旧 蠍磯
旧  覃一危 蟲 譯朱 覯 
蠏碁襷
STUN (Session Traversal Utilities for NAT) 覦
TURN (Traversal Using Relays around NAT) 覯
ろ語 蟆曙 殊企 螳 郁屋 危蟆  
蠍一 襴
 豈 郁屋 螻殊
getUserMedia
 豺企, 襷危 煙 覩碁企ゼ ろ碁 襦 
RTCPeerConnection
殊 螳 郁屋 れ螻 一危磯ゼ 譯手覦
覩碁 ′語 覦 ろ碁Μ覦 れ
WebRTC 豐蠍壱 覦 殊 郁屋 れ
Offer 覦 ICE candidate 蟲
蠏碁襷
1
覦螻殊 郁屋 所骸 れ
2
3
4
 豈 郁屋 螻殊
WebSocket 牛 Peer 2 Peer 郁屋  覲 
app.js server.js
 豈 郁屋 螻殊
豺企, 襷危 煙 覩碁企ゼ ろ碁 襦 語
app.js
 豈 郁屋 螻殊
螳 覦   Peer り 覲 
Peer A
Peer A
Peer A
Peer B
Peer B
Peer B
Peer A: 牛 豌
Peer B: 牛
Reference
https://www.youtube.com/watch?v=qXkOPXFK3f
https://www.youtube.com/watch?v=8jryUH6xmjU
https://www.youtube.com/watch?v=5EhsjtBE7I4
https://velog.io/@skyni/WebRTC%EC%97%90-%EB%8C%80%ED%95%9C-%EC%A0%95%EB%A6%AC
https://velog.io/@lshyun955/WebRTC-%EA%B5%AC%ED%98%84%EB%B0%A9%EC%8B%9D
http://www.gisdeveloper.co.kr/?p=13327

More Related Content

Similar to WebRTC (20)

PDF
WebRTC in 2014
Lee WonJae
PDF
Web rtc meetup_korea_1st(20161115)
Rang-Hyuck Lee
PDF
w3c 2017 - WebRTC 求 back to basic 覦襭
覈 豕
PPT
What is web rtc
Kichul Jung
PDF
WebRTC 1.0 譴炎骸 , 蠏碁Μ螻 れ覯
sung young son
PDF
企れ, WebRTC襯 360尊 牛 碁觚
ksdc2019
PDF
WebRTC 覩碁 豕讌 2016
Blisson Choi
PDF
WebRTC 襷 豕讌_webappscamp
Blisson Choi
PDF
Web rtc瑚
一 蟠
PDF
覦襦 磯 ICT Insight Vol3
Donghyung Shin
PPTX
An Introduction to WebRTC
MinJae Kang
PDF
蟆 覿殊 り 貊豸 譴 _WebRTC 牛_煙
sung young son
PDF
How to make web based collaborate code editor
Young-Hyuk Yoo
PDF
Tdevelopers forum web_rtc 蠍一 覦 api
Tdev SKtelecom
PDF
WebRTC 讌 豸′ 蠍一
Blisson Choi
PDF
WebSocket 蠍磯 覦 覃讌
trustinlee
PDF
轟 讌燕 蠍一
PDF
轟 讌燕 蠍一
JungHyuk Kwon
PDF
Websocket.. whit http, tcp
dana238767
PPTX
轟貅 (WebSocket)
jeongseokoh
WebRTC in 2014
Lee WonJae
Web rtc meetup_korea_1st(20161115)
Rang-Hyuck Lee
w3c 2017 - WebRTC 求 back to basic 覦襭
覈 豕
What is web rtc
Kichul Jung
WebRTC 1.0 譴炎骸 , 蠏碁Μ螻 れ覯
sung young son
企れ, WebRTC襯 360尊 牛 碁觚
ksdc2019
WebRTC 覩碁 豕讌 2016
Blisson Choi
WebRTC 襷 豕讌_webappscamp
Blisson Choi
Web rtc瑚
一 蟠
覦襦 磯 ICT Insight Vol3
Donghyung Shin
An Introduction to WebRTC
MinJae Kang
蟆 覿殊 り 貊豸 譴 _WebRTC 牛_煙
sung young son
How to make web based collaborate code editor
Young-Hyuk Yoo
Tdevelopers forum web_rtc 蠍一 覦 api
Tdev SKtelecom
WebRTC 讌 豸′ 蠍一
Blisson Choi
WebSocket 蠍磯 覦 覃讌
trustinlee
轟 讌燕 蠍一
轟 讌燕 蠍一
JungHyuk Kwon
Websocket.. whit http, tcp
dana238767
轟貅 (WebSocket)
jeongseokoh

More from Wonjun Hwang (20)

PPTX
20250530_Kit-Works Team Study_蟆一, 覩酔企 蟾.pptx
Wonjun Hwang
PPTX
20250620_Kit-Works Team Study_jspecify.pptx
Wonjun Hwang
PDF
20250523_Kit-Works Team Study_れ觜_豺螻 蠏殊.pdf
Wonjun Hwang
PPTX
20250523_Kit-Works Team Study_Exception.pptx
Wonjun Hwang
PPTX
Kit-Works Team Study-20250517_uuid_蟾.pptx
Wonjun Hwang
PDF
Kit-Works Team Study_20240517_ロ_ClaudeMCP企慨蠍.pdf
Wonjun Hwang
PDF
Kit-Works Team Study_讌 Dockefile.pdf_蟾燕
Wonjun Hwang
PDF
Kit-Works Team Study_ろ磯_蟾_nuqs_20250509.pdf
Wonjun Hwang
PDF
Kit-Works Team Study_螻牛谿,覿譟伎讀覈,碁觚.pdf
Wonjun Hwang
PPTX
Kit-Works Team Study_20250502_Code_Formatting_譯.pptx
Wonjun Hwang
PDF
20250425_ Kit-Works Team Study_Java 覓語 企.pdf
Wonjun Hwang
PDF
20250425_Kit-Works Team Study_誤&覈麹 れ.pdf
Wonjun Hwang
PDF
20240411_Kit-Works Team Study_PLEOS-25.pdf
Wonjun Hwang
PPTX
20250418_ろ磯_譯殊 螻 覲伎(Part1)_手襖.pptx
Wonjun Hwang
PDF
20250411喝庚れ_珂遺永珂看糸艶鉛-遺看稼岳艶恰岳-永姻看岳看界看鉛.沿糸韓
Wonjun Hwang
PDF
Kit-Works Team Study_20250404_覦企 貊.pdf
Wonjun Hwang
PPTX
Kit-Works Team Study_UML れ伎願係_20250404_覓語.pptx
Wonjun Hwang
PDF
20250328_Kit-Works Team Study_equals().pdf
Wonjun Hwang
PPTX
20250328_Kit-Works Team Study_Zod-TypeScript.pptx
Wonjun Hwang
PDF
20250321_Kit-Works Team Study_docker_for_FE.pdf
Wonjun Hwang
20250530_Kit-Works Team Study_蟆一, 覩酔企 蟾.pptx
Wonjun Hwang
20250620_Kit-Works Team Study_jspecify.pptx
Wonjun Hwang
20250523_Kit-Works Team Study_れ觜_豺螻 蠏殊.pdf
Wonjun Hwang
20250523_Kit-Works Team Study_Exception.pptx
Wonjun Hwang
Kit-Works Team Study-20250517_uuid_蟾.pptx
Wonjun Hwang
Kit-Works Team Study_20240517_ロ_ClaudeMCP企慨蠍.pdf
Wonjun Hwang
Kit-Works Team Study_讌 Dockefile.pdf_蟾燕
Wonjun Hwang
Kit-Works Team Study_ろ磯_蟾_nuqs_20250509.pdf
Wonjun Hwang
Kit-Works Team Study_螻牛谿,覿譟伎讀覈,碁觚.pdf
Wonjun Hwang
Kit-Works Team Study_20250502_Code_Formatting_譯.pptx
Wonjun Hwang
20250425_ Kit-Works Team Study_Java 覓語 企.pdf
Wonjun Hwang
20250425_Kit-Works Team Study_誤&覈麹 れ.pdf
Wonjun Hwang
20240411_Kit-Works Team Study_PLEOS-25.pdf
Wonjun Hwang
20250418_ろ磯_譯殊 螻 覲伎(Part1)_手襖.pptx
Wonjun Hwang
20250411喝庚れ_珂遺永珂看糸艶鉛-遺看稼岳艶恰岳-永姻看岳看界看鉛.沿糸韓
Wonjun Hwang
Kit-Works Team Study_20250404_覦企 貊.pdf
Wonjun Hwang
Kit-Works Team Study_UML れ伎願係_20250404_覓語.pptx
Wonjun Hwang
20250328_Kit-Works Team Study_equals().pdf
Wonjun Hwang
20250328_Kit-Works Team Study_Zod-TypeScript.pptx
Wonjun Hwang
20250321_Kit-Works Team Study_docker_for_FE.pdf
Wonjun Hwang
Ad

WebRTC

  • 2. WebRTC 覓伎瑚? Web Real-Time Communication 曙襦, 觚殊一 れ螳 旧 蟲蠍 蠍一 蟲蠍 螳覦 襦碁 豕豐 觜 襷 螳ロ讌襷 谿 蠍磯レ ル 牛, 牛, 一危 れ れ螳 旧 蠍磯レ 螻 覿 蠍磯 W3C(WebRTC Working Group) 譴, 襦 覦 觚殊一 誤煙 覲伎 譴 蠍一 Secure RTP(SRTP)襯 牛 誤 旧 螻牛 覲伎 覦 螳 覲 覲危碁ゼ 螳 覲伎螻 螳 覲 1 2 3
  • 3. WebRTC 煙 伎 蠏語 誤 覓語 覲伎 伎 蠍磯 WebRTC 伎 觚殊一 れ螳 旧 伎 蠏語語 螳 襷 蟆 Adobe Flash, Java 襴 WebRTC螳 煙ロ蠍 , 誤磯血 牛 れ螳 覦 觜 旧 譴企 朱 襭 觚殊一 轟企 襷危襯 伎 牛襯 蟲る 蠏語語企 襭 伎 螳 觚殊一襷 るジ 蠏語語 伎 蠍 覓語 觚殊一 螳 誤 覓語螳 覦 れ 轟 蠏語語 れ螻 讌伎 蠏語語 覲伎 豸°伎 豬渚 語企 覲伎 豬曙 伎 螻糾鴬 煙 覓語螳 覦 蠍一ヾ 襭れ 譯朱 觜 牛 譴 螻 朱, れ 蠍磯リ骸 讌 牛襯 螻牛蠍 企れ
  • 4. WebRTC 煙 2011 Google螻 襴螳 觚殊一 蠍磯 れ螳 旧 蠍磯レ 豢螳 襦 讌 襦碁ゼ W3C螳 API 襯 讌 Peer 2 Peer 讌 覲 覯襯 蟇一讌 螻 觚殊一 觚殊一螳 旧 豌襴 覦
  • 5. WebRTC 煙 Peer 2 Peer / 牛
  • 6. WebRTC 煙 牛, 蠍磯ルれ 豌伎 ろ 豢
  • 7. Peer 2 Peer WebRTC 煙 1:1 牛 牛 誤磯 覦 N:N 1:N 1:1 / 旧 Peer 2 Peer 旧 覦朱 覯 覿 覓語 觜覓語 伎 牛 蟯 覈 蠍磯 蟲 蠍一ヾ SIP 襦貊襷 伎 覦 觜 覲企 蟲 螳
  • 8. JavaScript API Peer Connection Signalling Transport Voice Engine Video Engine Peer 2 Peer WebRTC 蟲譟 Peer 2 Peer 郁屋 螳ロ蟆 IP/Port/Codec 牛蟆曙 WebSocket煙 伎 豌襴 Peer螳 覩碁 豌襴
  • 9. WebSocket 覯襯 牛 れ螳 旧 WebRTC 觚殊一 螳 れ螳 旧 一危郁 覯 讌 WebRTC 旧 螻殊
  • 10. WebRTC 旧 螻殊 WebSocket 牛豌 覦 Peer螳 覲 TURN Peer 螳 讌 旧 覿螳ロ 蟆曙 一危磯ゼ 襴企 郁屋 蠍磯, TURN 覯襯 牛 譴螻 一危磯ゼ 旧 讌り STUN 企殊伎誤語 螻旧 IP 譯殊 碁ゼ れ朱 ICE朱 蠏蟆 伎 覦 蟆 讌 NAT ICE Bind Request Src: 192.168.1.1:5060 Dst: 192.168.1.2:3478 Binding Response MAPPED-ADDRESS IP 11.22.33.44 Port 10080 Src: 192.168.1.1:3478 Dst: 192.168.1.1:5060
  • 11. WebRTC 旧 螻殊 ICE Candidate STUN, TURN 覯襯 伎伎 IP 譯殊 襦貊, 語 譟壱朱 蟲焔 郁屋 螳ロ ろ語 譯殊れ 覲(Candidate)手 覿襴 PeerConnection 螳豌企ゼ 燕覃 candidate 襯 詞 ICE Bind Request Src: 192.168.1.1:5060 Dst: 192.168.1.2:3478 Binding Response MAPPED-ADDRESS IP 11.22.33.44 Port 10080 Src: 192.168.1.1:3478 Dst: 192.168.1.1:5060 覈 螻殊 ICE(Interactive Connectivity Establishment)朱 企伎 ICE 螳 襷 P2P 郁屋 螳ロ蟆 襦 豕 蟆暑襯 谿場譯朱 ICE STUN 螻 TURN Candidate 襯 蟆豢螻 企 譴 襯 Peer 螳 郁屋 企蟆 覲企れ 讌覃 朱朱 3螳 譯殊襯 至 IP 覯 螻旧 IP 覯 (STUN, TURN 覯襦覿 螳) TURN 覯 IP 覯 (TURN 覯襦覿 螳)
  • 12. WebRTC 旧 螻殊 覦 WebSocket STUN WebSocket Connection ICE Bind Response ICE Bind Request Offer ICE Bind Response WebSocket Connection ICE Bind Request Answer Offer Peer 2 Peer Answer ICE Bind Request Src: 192.168.1.1:5060 Dst: 192.168.1.2:3478 Binding Response MAPPED-ADDRESS IP 11.22.33.44 Port 10080 Src: 192.168.1.1:3478 Dst: 192.168.1.1:5060
  • 13. WebRTC 蠍一 豸° RTC 蠍磯蓋 螳 P2P(殊 殊) 旧 蠍磯 企ゼ 牛 觚殊一 螳 讌 郁屋 一危磯ゼ 譯手覦 牛, 牛, 一危 れ れ螳 旧 覩碁 ろ碁Μ覦 譴螳 覯 觚殊一 螳 讌 旧 P2P(peer to peer) 旧 覦 蠍壱 一危 蟲 豈 螻 一危 豈 WebRTC 旧 蠍磯 旧 覃一危 蟲 譯朱 覯 蠏碁襷 STUN (Session Traversal Utilities for NAT) 覦 TURN (Traversal Using Relays around NAT) 覯 ろ語 蟆曙 殊企 螳 郁屋 危蟆 蠍一 襴
  • 14. 豈 郁屋 螻殊 getUserMedia 豺企, 襷危 煙 覩碁企ゼ ろ碁 襦 RTCPeerConnection 殊 螳 郁屋 れ螻 一危磯ゼ 譯手覦 覩碁 ′語 覦 ろ碁Μ覦 れ WebRTC 豐蠍壱 覦 殊 郁屋 れ Offer 覦 ICE candidate 蟲 蠏碁襷 1 覦螻殊 郁屋 所骸 れ 2 3 4
  • 15. 豈 郁屋 螻殊 WebSocket 牛 Peer 2 Peer 郁屋 覲 app.js server.js
  • 16. 豈 郁屋 螻殊 豺企, 襷危 煙 覩碁企ゼ ろ碁 襦 語 app.js
  • 17. 豈 郁屋 螻殊 螳 覦 Peer り 覲 Peer A Peer A Peer A Peer B Peer B Peer B Peer A: 牛 豌 Peer B: 牛