WebRTCを知ろう！

2019/3/15 サポーターズ勉強会 「WebRTCを知ろう!」
講師: 山川 達也 (NTTビズリンク)

Transcript

1. WebRTCΛ஌Ζ͏! 20190315 ษڧձ NTTϏζϦϯΫגࣜձࣾɹࢁ઒ ୡ໵
2. WebRTCΛ஌Ζ͏! Agenda WebRTCͱ͸ WebRTCͰར༻͞ΕΔϓϩτίϧ WebRTCͷNATӽ͑ʹར༻͞ΕΔٕज़ WebRTCʹར༻͞ΕΔίʔσοΫ WebRTCʹΑΔάϧʔϓ௨࿩ͷ࣮ݱ WebRTCσϞ
3. WebRTCͱ͸
4. WebRTCΛ஌Ζ͏! WebRTCͱ͸ APIΛհͯ͠ϒϥ΢β΍ϞόΠϧΞϓϦʹReal-Time Communication (RTC)Λఏڙ͢ΔΦʔϓϯιʔεͷϓϩδΣ Ϋτ Google͕2011೥ʹϓϩδΣΫτΛ։࢝ World Wide Web Consortium (W3C)ɾInternet Engineering Task Force (IETF) ͕ɺ೔ʑඪ४Խ
5. WebRTCΛ஌Ζ͏! WebRTCͱ͸ W3CͱIETFͰඪ४Խ ᶃ ϓϩτίϧ (γάφϦϯάɺ௨৴ཱ֬ɺ҉߸ԽͳͲ) ᶄ NAT௒͑ͷ࢓૊Έ (NATɾFWΛ௒͑ͯP2P௨৴͢Δ࢓૊Έ) ᶅ ίʔσοΫ (ө૾ɾԻ੠ͷѹॖํࣜ) ᶆ API (Webϒϥ΢β͔ΒJavaScript౳ʹΑΓWebRTCΛ࣮ݱ) ※ᶃʙᶅ͕IETFɺᶆ͕W3C
6. ొ৔ਓ෺ WebRTCΛ஌Ζ͏! WebRTCͱ͸ Peer A Peer B STUN/TURNαʔό γάφϦϯάαʔό Webαʔό Network
7. ొ৔ਓ෺ WebRTCΛ஌Ζ͏! WebRTCͱ͸ Peer A Peer B STUN/TURNαʔό γάφϦϯάαʔό Webαʔό Network WebRTCΛར༻͢Δ WebϖʔδΛ࣮૷ ௨৴Λ։࢝͢ΔͨΊʹඞ ཁͳ৘ใͷަ׵Λ஥հ NATɾϑΝΠΞ΢ΥʔϧΛ௒͑ͯ ௨৴ͷཱ֬Λ͢ΔͨΊͷϓϩτίϧ
8. WebRTCΛࢧ͑Δ ϓϩτίϧ
9. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ ϝσΟΞ σʔλ γάφϦϯά
10. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ ϝσΟΞ σʔλ γάφϦϯά ө૾ɾԻ੠σʔλ ޷͖ͳσʔλ (ςΩετνϟοτͳͲ)
11. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ ϝσΟΞ σʔλ γάφϦϯά ө૾ɾԻ੠σʔλ ޷͖ͳσʔλ (ςΩετνϟοτͳͲ)
12. ొ৔ਓ෺ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -γάφϦϯά- Peer A Peer B STUN/TURNαʔό γάφϦϯάαʔό Webαʔό Network WebRTCΛར༻͢Δ WebϖʔδΛ࣮૷ NATɾϑΝΠΞ΢ΥʔϧΛ௒͑ͯ ௨৴ͷཱ֬Λ͢ΔͨΊͷϓϩτίϧ ௨৴Λ։࢝͢ΔͨΊʹඞ ཁͳ৘ใͷަ׵Λ஥հ
13. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -γάφϦϯά- SDP ɹSession Description Protocol
14. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -γάφϦϯά- SDP ௨৴Λ։࢝͢ΔͨΊʹඞཁͳ৘ใΛهࡌ͢Δϓϩτίϧɻ ྫ͑͹ɺ࢖༻͢Δө૾ɾԻ੠ͷίʔσοΫ(ѹॖํࣜ)ͳͲ WebSocketͳͲΛར༻͠ɺγάφϦϯάαʔόΛհͯ͠ ֤ΫϥΠΞϯτಉ࢜Ͱަ׵
15. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ ϝσΟΞ σʔλ γάφϦϯά ө૾ɾԻ੠σʔλ ޷͖ͳσʔλ (ςΩετνϟοτͳͲ)
16. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -SRTP- SRTP ɹSecure Real-time Transport Protocol
17. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -SRTP- SRTP ɹSecure Real-time Transport Protocol Secure+RTP
18. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -SRTP- SRTP ө૾Ի੠ΛϦΞϧλΠϜʹૹड৴͢Δϓϩτίϧ RTPύέοτͷϖΠϩʔυ෦෼ (ө૾ɾԻ੠σʔλ)Λ҉߸Խ ҉߸Խʹ࢖͏伴͸DTLS (ޙड़) Λ༻͍ͯऔಘ
19. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -DTLS- DTLS ɹDatagram Transpor Layer Security
20. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -DTLS- DTLS ɹDatagram Transpor Layer Security Datagram(UDPͷD)+TLS
21. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -DTLS- DTLS σʔλάϥϜ (UDP) ޲͚ͷ҉߸Խํࣜ ϝσΟΞνϟωϧͰ͸ɺDTLS͸伴ަ׵ͷͨΊʹ࢖͓ͬͯΓ
 ҉߸Խࣗମ͸SRTPΛར༻ (DTLS-SRTP)
22. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ ϝσΟΞ σʔλ γάφϦϯά ө૾ɾԻ੠σʔλ ޷͖ͳσʔλ (ςΩετνϟοτͳͲ)
23. ొ৔ਓ෺ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- Peer A Peer B STUN/TURNαʔό γάφϦϯάαʔό Webαʔό Network WebRTCΛར༻͢Δ WebϖʔδΛ࣮૷ ௨৴Λ։࢝͢ΔͨΊʹඞ ཁͳ৘ใͷަ׵Λ஥հ NATɾϑΝΠΞ΢ΥʔϧΛ௒͑ͯ ௨৴ͷཱ֬Λ͢ΔͨΊͷϓϩτίϧ
24. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- STUN ɹSession Traversal Utilities for NATs
25. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- STUN NAT഑Լʹ͋ΔPC͕NATͷ֎ଆ͔Βݟͨࣗ਎ͷάϩʔό ϧIPΞυϨεΛऔಘ͢ΔͨΊͷϓϩτίϧ
26. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- STUN NAT NAT ࢲͷάϩʔόϧIPΞυϨ εͱϙʔτ൪߸͸ʁ ࢲͷάϩʔόϧIPΞυ Ϩεͱϙʔτ൪߸͸ʁ Peer A Peer B STUNαʔό ϓϥΠϕʔτIP ΞυϨε192.168.1.1 ϓϥΠϕʔτIP ΞυϨε 172.16.1.1
27. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- STUN NAT NAT AͷάϩʔόϧIPΞυϨεͱ ϙʔτ൪߸͸ 100.100.100.100:5000/UDP ͩΑ! BͷάϩʔόϧIPΞυϨεͱ ϙʔτ൪߸͸ 200.200.200.200:6000/UDP ͩΑ! Peer A Peer B STUNαʔό ϓϥΠϕʔτIP ΞυϨε192.168.1.1 ϓϥΠϕʔτIP ΞυϨε 172.16.1.1 ࢲͷάϩʔόϧIPΞυϨ εͱϙʔτ൪߸͸ʁ ࢲͷάϩʔόϧIPΞυ Ϩεͱϙʔτ൪߸͸ʁ
28. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- TURN ɹTraversal Using Replay around NAT
29. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- TURN ϐΞಉ࢜ͷ௨৴Λதܧ͢ΔͨΊͷϓϩτίϧ STUNʹΑΓP2P௨৴ͷཱ͕֬Ͱ͖ͳ͔ͬͨ৔߹ͷ࠷ऴखஈ
30. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- TURN NAT NAT Peer A Peer B TURNαʔό STUNͷ৘ใͰBͱ P2P઀ଓͰ͖ͳ͔ͬͨͧ STUNͷ৘ใͰAͱ P2P઀ଓͰ͖ͳ͔ͬͨͧ
31. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -STUN/TURN- TURN NAT NAT Peer A Peer B TURNαʔό AͱBͷ௨৴Λதܧ͢Δͧʂ
32. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- ICE ɹInteractive Connective Establishment
33. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- ICE STUN΍TURNΛར༻͠ɺ௨৴ܦ࿏ީิ (ICE Candidate)͔ Βద੾ͳ௨৴ܦ࿏Λબ୒͢Δ࢓૊Έ
34. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- ICE ௨৴ܦ࿏ީิ (ICE Candidate) STUN: άϩʔόϧIPΞυϨεͱϙʔτ൪߸ TURN: TURNαʔόͷάϩʔόϧIPΞυϨεͱϢʔβͷ ͨΊʹׂΓ౰ͯΒΕͨϙʔτ൪߸
35. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- ICE ؆қಈ࡞ϑϩʔ 1) ಉҰͷϓϥΠϕʔτωοτϫʔΫ಺ʹ͋ΔՄೳੑΛߟྀ͠ɺϓϥ ΠϕʔτIPΞυϨεͱϙʔτ൪߸ͰP2P઀ଓΛࢼΈΔ 2) ઀ଓͰ͖ͳ͍৔߹ɺSTUNαʔόͰऔಘͨ͠৘ใʹج͖ͮɺ૬ख୺ ຤ͷάϩʔόϧIPΞυϨεͱϙʔτ൪߸ʹΑΔP2P઀ଓΛࢼΈΔ 3) ͦΕͰ΋઀ଓͰ͖ͳ͍৔߹͸TURNαʔόΛܦ༝ͨ͠઀ଓΛࢼΈΔ
36. ᶃ ॳظSDPΛަ׵͢Δ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW γάφϦϯάαʔό SDPΛૹ৴ʂ AͷSDP͕དྷͨʂ
37. ᶃ ॳظSDPΛަ׵͢Δ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW γάφϦϯάαʔό BͷSDP͕དྷͨʂ SDPΛૹ৴ʂ
38. ᶄ STUN/TRUNΛར༻ͯ͠௨৴ܦ࿏ީิ(ICE Candidate)Λऩ ू͠ɺγάφϦϯάαʔόΛհͯ͠ަ׵͢Δ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT PC A PC B ϓϥΠϕʔτNW άϩʔόϧNW STUN/TURNαʔό γάφϦϯάαʔό ࢲͷάϩʔόϧIPΞυϨε ͱϙʔτ൪߸͸ʁ ࢲͷάϩʔόϧIPΞυϨε ͱϙʔτ൪߸͸ʁ
39. ᶄ STUN/TRUNΛར༻ͯ͠௨৴ܦ࿏ީิ(ICE Candidate)Λऩ ू͠ɺγάφϦϯάαʔόΛհͯ͠ަ׵͢Δ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW STUNαʔό γάφϦϯάαʔό AͷάϩʔόϧIPΞυϨεͱ ϙʔτ൪߸͸ 100.100.100.100:5000/UDP ͩΑ! BͷάϩʔόϧIPΞυϨεͱ ϙʔτ൪߸͸ 200.200.200.200:6000/UDP ͩΑ!
40. ᶄ STUN/TRUNΛར༻ͯ͠௨৴ܦ࿏ީิ(ICE Candidate)Λऩ ू͠ɺγάφϦϯάαʔόΛհͯ͠ަ׵͢Δ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW STUNαʔό γάφϦϯάαʔό γάφϦϯάαʔόʹࣗ෼ͷ৘ใ ૹΖɻ͍ͭͰʹ௨৴૬खͷ৘ใڭ ͑ͯ΋Β͓ʂ γάφϦϯάαʔόʹࣗ෼ͷ৘ใ ૹΖɻ͍ͭͰʹ௨৴૬खͷ৘ใڭ ͑ͯ΋Β͓ʂ
41. ᶄ STUN/TRUNΛར༻ͯ͠௨৴ܦ࿏ީิ(ICE Candidate)Λऩ ू͠ɺγάφϦϯάαʔόΛհͯ͠ަ׵͢Δ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW STUNαʔό γάφϦϯάαʔό Aͱ௨৴͕ͨͬͯ͠ΔBͷ ৘ใૹΔΑ! Bͱ௨৴͕ͨͬͯ͠ΔAͷ ৘ใૹΔΑ!
42. ᶅ ಉҰͷϓϥΠϕʔτωοτϫʔΫ಺ʹ͋ΔՄೳੑΛߟྀ͠ɺ ϓϥΠϕʔτIPΞυϨεͱϙʔτ൪߸ͰP2P઀ଓΛࢼΈΔ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW ࣮͸ಉ͡ωοτϫʔΫ ʹ͍ͨΑʂ ·͔͡ʂʂ
43. ᶅ ಉҰͷϓϥΠϕʔτωοτϫʔΫ಺ʹ͋ΔՄೳੑΛߟྀ͠ɺ ϓϥΠϕʔτIPΞυϨεͱϙʔτ൪߸ͰP2P઀ଓΛࢼΈΔ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW ࣮͸ಉ͡ωοτϫʔΫ ʹ͍ͨΑʂ ·͔͡ʂʂ NAT P2P௨৴։࢝
44. ᶆ ܨ͕Βͳ͔ͬͨΒɺSTUNαʔόͰऔಘͨ͠৘ใʹجͮ ͖ɺ૬ख୺຤ͷάϩʔόϧIPΞυϨεͱϙʔτ൪߸ʹΑΔ P2P઀ଓΛࢼΈΔ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW STUNαʔό γάφϦϯάαʔό ܨ͕ͬͨʂ ܨ͕ͬͨʂ P2P௨৴։࢝
45. ᶇ ͦΕͰ΋ܨ͕Βͳ͔ͬͨΒɺTURNαʔόΛܦ༝ͨ͠઀ଓ ΛࢼΈΔ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW TURNαʔό γάφϦϯάαʔό ܨ͕Βͳ͍ʂ ܨ͕Βͳ͍ʂ
46. ᶇ ͦΕͰ΋ܨ͕Βͳ͔ͬͨΒɺTURNαʔόΛܦ༝ͨ͠઀ଓ ΛࢼΈΔ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW TURNαʔό γάφϦϯάαʔό ֎͔Βͷ௨৴Λ؆୯ʹ͸௨͞ͳ͍ͧɻ ※NATʹ͸9छྨͷఆ͕ٛ͋Δ (RFC 5780) NATͷ૊Έ߹ΘͤʹΑͬͯ͸௒͑Εͳ͍ ৔߹͕͋Δ
47. ᶇ ͦΕͰ΋ܨ͕Βͳ͔ͬͨΒɺTURNαʔόΛܦ༝ͨ͠઀ଓ ΛࢼΈΔ WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -௨৴ཱ֬ϑϩʔ- NAT NAT Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW TURNαʔό γάφϦϯάαʔό ࠷ऴखஈʂ ࠷ऴखஈʂ ௨৴։࢝ ύέοτதܧ͢Δͧʂ
48. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- ICE Vanilla ICEͱTrickle ICEͷ2छྨ͕ଘࡏ Peer A Peer B ϓϥΠϕʔτNW άϩʔόϧNW γάφϦϯάαʔό NAT NAT Vanilla or Trickle?
49. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ Vanilla ICE શͯͷICE Candidate͕ग़ἧ͔ͬͯΒSDPʹؚΊͯަ׵͢ Δํࣜ ICE Candidate΋SDPʹؚ·ΕΔͷͰ৘ใަ׵͕Ұԟ෮Ͱ ࡁΉ ީิΛݟ͚ͭऴ͑ΔͷΛ଴ͨͳ͚Ε͹͍͚ͳ͍ͨΊɺ௨ ৴ཱ֬·Ͱʹ͔͔Δ͕࣌ؒ௕͘ͳΔ
50. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- Vanilla ICE NAT NAT Peer A Peer B P2P௨৴։࢝ SDP ICE Candidate SDP ICE Candidate
51. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- Trickle ICE ॳظSDPΛަ׵͠ɺICE CandidateΛൃݟ͢Δͨͼʹ४͡ ަ׵͢Δํࣜ શͯͷICE CandidateΛऩू͢ΔલʹP2P௨৴ʹ੒ޭ͢Δ Մೳੑ͕͋Δ ௨৴ཱ͕֬ૣ͘ͳΔՄೳੑ͕͋Δ͕ɺܦ࿏৘ใΛަ׵͢ Δճ਺͸ଟ͘ͳΔ
52. WebRTCΛ஌Ζ͏! WebRTCΛࢧ͑Δϓϩτίϧ -ICE- Trickle ICE NAT NAT Peer A Peer B ॳظSDP ॳظSDP ICE Candidate ICE Candidate ɾ ɾ ɾ ICE Candidate P2P௨৴։࢝ ICE Candidate ɾ ɾ ɾ
53. WebRTCͷNATӽ͑ ʹར༻͞ΕΔٕज़
54. WebRTCΛ஌Ζ͏! WebRTCͷNATӽ͑ʹར༻͞ΕΔٕज़ UDPϗʔϧύϯνϯά ௨৴ܦ࿏্ʹ͋ΔNAT΍Firewallͷಈ࡞͸ҎԼ ᶃ ಺͔Β֎΁ͷ௨৴ΛڐՄ ᶄ ֎͔Β಺΁ͷ௨৴͸ɺ಺͔Β֎΁ͷ௨৴͕͋ͬͨ৔߹ʹڐՄ 
 → NAT΍Firewall্ʹϚοϐϯά͕Ͱ͖Δɻ͜Ε͕ϗʔϧͱ ݺ͹ΕΔ ͜ͷϚοϐϯάΛ௨ͬͯP2P௨৴Λཱ֬͢Δٕज़
55. WebRTCΛ஌Ζ͏! WebRTCͷNATӽ͑ʹར༻͞ΕΔٕज़ UDPϗʔϧύϯνϯά NAT NAT Peer A Peer B PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ
56. WebRTCΛ஌Ζ͏! WebRTCͷNATӽ͑ʹར༻͞ΕΔٕज़ UDPϗʔϧύϯνϯά Ϛοϐϯά͕ͳ͍ͨΊϒϩοΫ NAT NAT Peer A Peer B PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ
57. WebRTCΛ஌Ζ͏! WebRTCͷNATӽ͑ʹར༻͞ΕΔٕज़ UDPϗʔϧύϯνϯά Ϛοϐϯά͕ͳ͍ͨΊϒϩοΫ PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ NAT Peer A PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ NAT Peer B
58. WebRTCΛ஌Ζ͏! WebRTCͷNATӽ͑ʹར༻͞ΕΔٕज़ UDPϗʔϧύϯνϯά Ϛοϐϯά͕ͳ͍ͨΊϒϩοΫ Ϛοϐϯά͕͋ΔͨΊNATΛ௨ա NAT NAT PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ Peer A Peer B
59. UDPϗʔϧύϯνϯά NAT NAT WebRTCΛ஌Ζ͏! WebRTCͷNATӽ͑ʹར༻͞ΕΔٕज़ Ϛοϐϯά͕ͳ͍ͨΊϒϩοΫ Ϛοϐϯά͕͋ΔͨΊNATΛ௨ա Ϛοϐϯά͕͋ΔͨΊNATΛ௨ա Peer A Peer B PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ PC AͱPC Bؒͷ௨৴ͷϚοϐϯά͕Ͱ͖Δ
60. WebRTCʹར༻͞ΕΔ ίʔσοΫ
61. WebRTCΛ஌Ζ͏! WebRTCʹར༻͞ΕΔίʔσοΫ ίʔσοΫͱ͸ σʔλͷѹॖɾ৳ு͢Δ૷ஔ΍ιϑτ΢ΣΞ ө૾΍Ի੠౳ͷσʔλΛѹॖ͢Δ͜ͱʹΑΓ௨৴σʔλ ྔΛ࡟ݮ
62. WebRTCΛ஌Ζ͏! WebRTCʹར༻͞ΕΔίʔσοΫ ө૾ίʔσοΫ छྨ ؅ཧ૊৫ ରԠϒϥ΢β ࢀߟ৘ใ VP8 Google Chrome,Firefox, Safari,Edge සൟʹར༻͞Ε͍͕ͯͨ ࠷ۙ͸VP9ʹஔ͖׵Θ͖͍ͬͯͯΔ VP9 Google Chrome,Firefox VP8ͷ൒෼ఔ౓ͷϏοτϨʔτͰಉ඼࣭Λ ࣮ݱͰ͖Δ͕CPU࢖༻཰͕ߴ͍ H.264/AVC MPEG LA Chrome,Firefox, Safari,Edge VP8ͱಉఔ౓ͷ඼࣭ ঺հͨ͠ө૾ίʔσοΫͰ͸࠷΋ݹ͍ AV1 AOM Alliance for Open Media 2019 ೥ޙ൒ʹରԠ༧ఆ
63. WebRTCΛ஌Ζ͏! WebRTCʹར༻͞ΕΔίʔσοΫ Ի੠ίʔσοΫ छྨ ؅ཧ૊৫ ରԠϒϥ΢β ࢀߟ৘ใ Opus IETF Chrome,Firefox, Safari,Edge සൟʹར༻͞Ε͍ͯΔ G.711 CCITT Chrome,Firefox Safari,Edge Opusͱൺֱ͠ɺ඼࣭͕௿͍ Ի੠ίʔσοΫͷதͰ΋ࡦఆ͞Εͨͷ͕ඇ ৗʹݹ͍ ͦͷଞɺiLBC,iSAC,G.722Λαϙʔτ͢Δϒϥ΢β΋͋Δ͕ɺOpus͕ओྲྀ
64. WebRTCʹΑΔ άϧʔϓ௨࿩ͷ࣮ݱ
65. WebRTCΛ஌Ζ͏! WebRTCʹΑΔάϧʔϓ௨࿩ͷ࣮ݱ ԕִίϛϡχέʔγϣϯαʔϏεΛ࣮ݱ͢Δ্Ͱɺάϧʔϓ௨ ࿩͸ඞਢػೳ ϑϧϝογϡ઀ଓ SFU (Selective Forwarding Unit) MCU (Multi-point Control Unit)
66. WebRTCΛ஌Ζ͏! WebRTCʹΑΔάϧʔϓ௨࿩ͷ࣮ݱ ϑϧϝογϡ઀ଓ ઀ଓ͢Δ͢΂ͯͷ୺຤ͱP2P௨৴Λཱ֬ ୺຤͸ෳ਺ͷө૾ɾԻ੠Λૹड৴͢ΔͨΊ୺຤ෛՙ͕ඇৗʹߴ͍ ୺຤ଆͰϨΠΞ΢τΛܾఆ ഑৴αʔόϨε
67. WebRTCΛ஌Ζ͏! WebRTCʹΑΔάϧʔϓ௨࿩ͷ࣮ݱ SFU ୺຤͸αʔόʹࣗө૾Λૹ৴͠ɺαʔό͕֤୺຤ʹө૾Λ഑৴ ୺຤͸ෳ਺ͷө૾ɾԻ੠Λड৴͢ΔͨΊɺड৴࣌ͷෛՙ͕ߴ͍ ୺຤ଆͰϨΠΞ΢τΛܾఆ ޙड़ͷMCUͱൺֱ͠ɺαʔόͷෛՙ͸௿Ί SFU
68. WebRTCΛ஌Ζ͏! WebRTCʹΑΔάϧʔϓ௨࿩ͷ࣮ݱ MCU ୺຤͸αʔόʹࣗө૾Λૹ৴͠ɺαʔό͕֤୺຤ʹө૾Λ഑৴ ϨΠΞ΢τ͸αʔόଆͰܾఆ͠ɺ߹੒͞Εͨө૾Λड৴͢ΔͨΊɺ ୺຤ෛՙ͸௿͍ ө૾ɾԻ੠Λ߹੒ɾ഑৴͢Δ෼ɺαʔόͷෛՙ͕ඇৗʹߴ͍ MCU
69. WebRTCσϞ
70. ߏ੒ਤ WebRTCΛ஌Ζ͏! WebRTCσϞ -ߏ੒ਤ- Ξμϓλʔ 8FCαʔό γάφϦϯάαʔό Nginx (Web) Node.js (γάφϦϯά) Vagrant box 2ͭͷFirefoxؒͰP2P 456/536/
    4LZ8BZ
71. WebRTCΛ஌Ζ͏! WebRTCσϞ -API- ຊσϞͰ࢖༻ͨ͠API MediaDevices.getUserMedia()ϝιουͰࣗΧϝϥө૾ɺ͓ΑͼࣗϚΠΫԻ੠Λऔಘ γάφϦϯά։࢝࣌ɺRTCPeerConnectionΦϒδΣΫτΛੜ੒ createOffer() (Offerଆ), createAnswer() (Answerଆ)ϝιουͰɺSDPΛੜ੒ setLocalDescription() (ࣗ෼ͷSDP), setRemoteDescription() (૬ख͔ΒૹΒΕ͖ͯͨSDP)ϝιου ͰɺSDPΛRTCPeerConnectionʹηοτ setLocalDescription()ʹΑΓSDP͕ηοτ͞ΕΔͱɺICE CandidateΛࣗಈతʹऩू։࢝͠ɺݟ͔ͭ ΔͱonicecandidateΠϕϯτ͕ඇಉظͰൃՐ ૬खͷICE CandidateΛड৴ͨ͠ΒɺaddIceCandidate()ϝιουͰɺRTCPeerConnectionʹηοτ addTrack()ϝιουͰɺࣗө૾ɾԻ੠TrackΛ௥ՃɻWebRTCͰ͸ɺө૾ɾԻ੠͕Trackͱ͍͏୯ҐͰ ϝσΟΞετϦʔϜʹؚ·Ε͍ͯΔ ૬खͷө૾ɾԻ੠Trackͷड৴ͰontrackΠϕϯτ͕ൃՐ MediaStream.getTracks()ϝιουͰɺө૾ɾԻ੠TrackΛऔಘ HTMLMediaElement.play()ϝιουͰɺө૾ɾԻ੠Λ࠶ੜ
72. END