Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
iOS11ຊʹWebRTC ʹରԠͨ͠ͷ͔ WebRTC Meetup Osaka #2 2017/10/27 େౡ ޫو@sbntaminif
Slide 2
Slide 2 text
ࣗݾհ • ΣϒϦΦגࣜձࣾWEBΤϯδχΞ + ϓϩμΫτ Ϛωʔδϟʔ • ੈքͰ།ҰɺୈҰճWebRTC Meetup Osaka͔Β ܧଓͯ͠ొஃͯ͠·͢ • ීஈژͰಇ͍͍ͯ·͢
Slide 3
Slide 3 text
http://ejje.weblio.jp/content/ios
Slide 4
Slide 4 text
ͦΕͰ࢝Ί·͢
Slide 5
Slide 5 text
TL;DR(H) • Safari11ͰϏσΦνϟοτՄೳ • Google ChromeͰϏσΦνϟοτෆՄೳ • TwitterͰURLΛλοϓͨ࣌͠ʹىಈ͢Δ ϒϥβͰϏσΦνϟοτෆՄೳ • React NativeͷΞϓϦͰϏσΦνϟοτෆՄೳ
Slide 6
Slide 6 text
TL;DR(H) • Safari11ͰϏσΦνϟοτՄೳ • Google ChromeͰϏσΦνϟοτෆՄೳ • TwitterͰURLΛλοϓͨ࣌͠ʹىಈ͢Δ ϒϥβͰϏσΦνϟοτෆՄೳ • React NativeͷΞϓϦͰϏσΦνϟοτෆՄೳ +BWB4DSJQU$PSFͰಈ͔ͳ͍͚ͩͰɺ 3FBDU/BUJWFͷ߹SFBDUOBUJWFXFCSUD Λ༻͢ΕϏσΦνϟοτՄೳͰͨ͠ ؒҧͬͨใࣦྱ͍ͨ͠·ͨ͠ɻ
Slide 7
Slide 7 text
WebRTCͱʢςϯϓϨʣ • W3C͕ఏএ͢ΔP2PϦΞϧλΠϜίϛϡχέʔ γϣϯΛ࣮ݱ͢Δٕज़ • ϓϥάΠϯͳ͠ͰϒϥβؒͷΓͱΓ͕Մೳ • ςΩετόΠφϦͳͲͷσʔλܗࣜө૾ ԻͳͲͷStreamܗࣜͷΓͱΓ͕Մೳ
Slide 8
Slide 8 text
iOSͰiOS11ͷSafariͰ WebRTCʹରԠ͠·ͨ͠ • getUserMedia • RTCPeerConnection • (RTCDataChannel) ͜ΕΒࡾͭʢ͚ͩͰͳ͍ʣͷ"1*͕ 4BGBSJʹ࣮͞Εͨͱ͍͏͜ͱͰ͢
Slide 9
Slide 9 text
iOS11ͰWebRTCʹରԠʂ
Slide 10
Slide 10 text
Ͱɺϒϥβͬͯ Safari͚ͩ͡Όͳ͍Ͱ͢ΑͶ
Slide 11
Slide 11 text
iOSʹ͋Δϒϥβ • Safari • Google Chrome • Opera • EdgeʢݱࡏϓϨϏϡʔ൛ʣ • ͳͲͳͲɾɾ
Slide 12
Slide 12 text
͜ΕΒͰWebRTC ಈ͘ͷ͔ ͦΕΛௐΔͨΊʹɺ ϒϥβͲ͏࣮͞Ε͍ͯΔ ͔ΛΔඞཁ͕͋Γ·͢
Slide 13
Slide 13 text
ྫ͑Google Chrome https://blog.chromium.org/2016/01/a-faster-more-stable-chrome-on-ios.html 7FSͰ6*8FC7JFX͔Β8,8FC7JFX ʹมߋͨ͠ͱ͍͏هࣄ
Slide 14
Slide 14 text
SwiftͰ࣮Ͱ͖Δϒϥβ • WKWebView • SFSafariViewController • UIWebView (deprecated)
Slide 15
Slide 15 text
Safariͱಉ͡Α͏ʹAPI͕ ࣮͞Ε͍ͯΕରԠͯ͠ ͍Δͣ
Slide 16
Slide 16 text
RTCPeerConnectionͱ getUserMedia͕ଘࡏ͢Δ͔ • WKWebView • SFSafariViewController • UIWebView (deprecated)
Slide 17
Slide 17 text
શ෦μϝͰͨ͠ • WKWebView • SFSafariViewController • UIWebView (deprecated)
Slide 18
Slide 18 text
RTCPeerConnetion -> getUserMedia ->
Slide 19
Slide 19 text
௨৴Ͱ͖Δ͚Ͳ ө૾ͱԻ͕औಘͰ͖ͳ͍
Slide 20
Slide 20 text
RTCPeerConnection͕͋Ε σʔλ௨৴Ͱ͖Δͷ͔
Slide 21
Slide 21 text
֤ϒϥβͰDataChannel ͬͯΈΔςετ • αʔόʔʹSkyWayΛ༻ • ࣗલͰαʔόʔ༻ҙͰ͖ͳ͍ • ΞϓϦέʔγϣϯSkyWayͷαϯ ϓϧΛͦͷ··༻
Slide 22
Slide 22 text
શϒϥβͰಈ͖·ͨ͠ʂ • αʔόʔʹSkyWayΛ༻ • ࣗલͰαʔόʔ༻ҙͰ͖ͳ͍ • ΞϓϦέʔγϣϯSkyWayͷαϯ ϓϧΛͦͷ··༻
Slide 23
Slide 23 text
·ͱΊ
Slide 24
Slide 24 text
iOS11ͰWebRTCʹରԠʂ
Slide 25
Slide 25 text
iOS11ͰWebRTCʹରԠʂ ҧ͏ʂ
Slide 26
Slide 26 text
iOS11ͰWebRTCʹରԠʂ Safari11ͰWebRTCʹରԠ
Slide 27
Slide 27 text
͋Γ͕ͱ͏͍͟͝·ͨ͠