Twilio Video についての概要とハンズオン内容のpdfです。
Twilio Video ͷ֓ཁselfree, llcKiminari Homma (@kimihom)
View Slide
ඞཁͳͷ• Twilio ΞΧϯτ (ମݧ൛Ͱ OK)• Firefox ͱ Chrome• PHP or Ruby or Node.js Ͱ localhost Λ্ཱͪ͛ΒΕΔڥ• ϝϞா(ΤσΟλʔ)
ࣗݾհ
ຊؒ ߖ @kimihomCTO at selfree,llcTwilio, Ruby on Rails, Heroku, AWS, Android, iOSTwilioJP-UG ϝϯόʔCallConnect (5Ͱి૭ޱΛ։ઃ)https://www.callconnect.jp
֓ཁฤ (20)Web RTC ͱTwilio Video ʹ͍ͭͯϋϯζΦϯฤ (50)͘͡
WebRTC(Web Real-Time Communication)
͍͍ͬͨԿऀʁ• ిɺϏσΦ௨Λϒϥβ͚ͩͰ࣮ݱ• ςΩετϑΝΠϧͷϢʔβؒૹड৴͕Մೳ• ϓϩάϥϛϯάʹΑͬͯԻɾө૾ΛૢΔ• P2P (Peer to Peer) ٕज़• ྫ͑ appear.in ͕༗໊
WebRTC ࣗମ2Ҏ্લ͔Βొ࢝͠Ί͍ͯ·͢ɻ↓ͳͥࠓ͞Βʁ
WebRTC ͱ͔Ͳ͏ͤϒϥβґଘͰ͍ͷʹͳΒͳ͍ͩΖwwॴḨ ݸਓಛఆͷؒͰ͏Ϩϕϧɻ(ͱ͋Δ Web ΤϯδχΞͷ৺ͷ)
ঢ়گ͕స͍ͯ͠·͢• س·Θ͖͠ IE ͷݹ͍όʔδϣϯαϙʔτͷऴྃ• εϚϗར༻ऀͷٸ૿• ֤ϒϥβͷ WebRTC ༷ͷਐԽ• Twilio Video ͳͲͷ։ൃ SDK ͷొ
WebRTC ͷબࢶ• WebRTC αʔϏεͷར༻ɹ→ appear.in, 1meeting, BizMee ͳͲ• WebRTC SDK Λར༻࣮ͯ͢͠Δ→ Twilio Video, SkyWay ͳͲ• ੜ WebRTC Ͱ࣮͢Δߴࣗ༝
Why WebRTC SDK?
ϏσΦ௨ͷ࣮͚ͩʹूத• େΓ͍ͨ͜ͱͬͯಉͩ͡ΑͶ• WebRTC ͷ༷ͳͲΛؾʹ͢Δඞཁ͕ͳ͍• UI ͱ ΠϕϯτॲཧΛॻ͚ͩ͘Ͱ OK
Why not SkyWay but Twilio Video?
૬खͱͷ“ίϛϡχέʔγϣϯ”ͬͯϏσΦ͚ͩ͡Όͳ͍ɻ
ిɾνϟοτɾϏσΦ͕࿈ܞͨ͠ΦϜχνϟωϧͳίϛϡχέʔγϣϯଏʹݴ͏Contextual Communicationจɹ຺ɹΛɹཧɹղɹ͠ɹͨɹސɹ٬ɹͱɹͷɹରɹͷ࣮ݱ͕༰қɻ
“SIGNAL” ʹʂ(1ϲ݄ޙ)
Twilio Video ͷ֓ཁ
ϦΞϧλΠϜͳϏσΦ௨ͷΠϯϑϥͱSDKϞόΠϧΣϒΞϓϦͰߴػೳͳෳϏσΦ௨ͱߴԻ࣭ͷԻମݧΛ࡞Γ·͠ΐ͏ɻTwilioVideo ɺP2P௨ͷͨΊͷάϩʔόϧΫϥυΠϯϑϥͰࢧ͑ΒΕ͍ͯ·͢ɻ
Demo
Ͱ͖Δ͜ͱ• ϏσΦ௨ͷೝূͱొ• ௨ͷॳظԽ• ௨ͷൃ৴ͱண৴• Data Channel (COMING SOON)ϑΝΠϧσʔλͷ P2P ௨৴
ࢲ͕ͨͪ WebRTC ʹؔͯ͠৺͢Δ͜ͱ͋Γ·ͤΜɻTwilio Video SDK Λ͏͚ͩͰϏσΦ௨ػೳΛ࣮ݱͰ͖·͢ɻ
$ISPNF˕'JSFGPY˓*&º4BGBSJº.4&EHF˚ϒϥβαϙʔτ(β)
Video ͷ࣮Πϝʔδ8FCαʔόʔ5XJMJP3&454%,SID, API Key, Secret,Configuration SIDTokenToken Ληοτ͢Δͱ Video ௨ػ ঢ়ଶɻVideo ൃ৴ ͱ ड৴࣌ͷΠϕϯτΛఆٛ̍ ϦΫΤετ̎̏̑ Video SDK (ϒϥβ, iOS, Android)̐ Ϩεϙϯε
ݸਓతʹࢥ͏͜ͱ• ґવͱͯ͠ϒϥβαϙʔτո͍͠• ࣮ࡍͷϢʔβʔར༻Λߟ͑Δͱ• ઌϢʔβʔ͚ɿChrome/Firefox ݶఆͰఏڙ• ҰൠϢʔβʔ͚ɿΞϓϦؒͰར༻• Data Channel ʹΑΔσʔλૹड৴Ͱɺ։ൃͷ෯͕େ͖͕͘Γͦ͏
ࠓճͷϋϯζΦϯ Web ͷΈͰ͕͢ɺiOS, Android ͷ࣮جຊతͳߏಉ͡Ͱɺॻ͖ํ͕ҧ͏ఔͰ͢ɻͥͻΞϓϦʹઓͯ͠Έ͍ͯͩ͘͞ɻ
ͦΕͰɺLet’s Get Started!
Twilio Video Hands-On
ϋϯζΦϯ༰• Twilio Video ͷαϯϓϧ (Web) Λಈ͔͢• Twilio Video ͷιʔείʔυΛཧղ͢Δ• Twilio Video ͷαϯϓϧΛ֦ு͢Δ• ΑΓਂ͘ Twilio Video ΛΔʹ
Video ͷ࣮Πϝʔδ8FCαʔόʔ5XJMJP3&454%,SID, API Key, Secret,Configuration SIDTokenToken Ληοτ͢Δͱ Video ௨ػ ঢ়ଶɻVideo ൃ৴ ͱ ड৴࣌ͷΠϕϯτΛఆٛ̍ ϦΫΤετ̎̏̑ Video SDK (ϒϥβ, iOS, Android)̐ Ϩεϙϯείί
http://bit.ly/1NvGBxvϋϯζΦϯ༰ (Qiita)
Twilio Video ͷࠓޙ• DataChannel ͰϑΝΠϧͷૹड৴͕Մೳʹ• REST API ͷొ• ࢀՃऀͷ੍ޚ• ࢀՃऀ͝ͱͷཤྺͷऔಘ• iOS ͰͷεΫϦʔϯͷڞ༗
ΑΓਂ͘ Twilio Video ΛΔ• Twilio υΩϡϝϯτΛಡΉ• ඞཁʹԠͯ͡ API υΩϡϝϯτΛಡΉ• Promise, EventEmitter ͳͲͷ࣮ΛΔ
Thanks.