Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Twilio Video ハンズオン資料
Search
Kiminari Homma
April 28, 2016
Technology
1
370
Twilio Video ハンズオン資料
Twilio Video についての概要とハンズオン内容のpdfです。
Kiminari Homma
April 28, 2016
Tweet
Share
More Decks by Kiminari Homma
See All by Kiminari Homma
Twilio Meetup 東京 2022/11/11
honkimi
0
58
Twilio iOS 徹底攻略
honkimi
1
1.2k
2021年 Twilio Voice 報告
honkimi
0
310
WebRTC ビジネスの失敗と成功
honkimi
2
1.8k
最近の Twilio トレンド報告
honkimi
0
390
Twilio Meet Up
honkimi
0
75
利用ユーザーからみた Twilio の紹介
honkimi
0
91
Zendesk App を Heroku で作ってみた話
honkimi
0
130
国内における Twilio x Alexa
honkimi
0
750
Other Decks in Technology
See All in Technology
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
8.7k
実践!カスタムインストラクション&スラッシュコマンド
puku0x
0
340
テストを軸にした生き残り術
kworkdev
PRO
0
190
初めてAWSを使うときのセキュリティ覚書〜初心者支部編〜
cmusudakeisuke
1
230
生成AIでセキュリティ運用を効率化する話
sakaitakeshi
0
500
AWSで始める実践Dagster入門
kitagawaz
1
580
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
150
なぜテストマネージャの視点が 必要なのか? 〜 一歩先へ進むために 〜
moritamasami
0
210
Language Update: Java
skrb
2
290
DevIO2025_継続的なサービス開発のための技術的意思決定のポイント / how-to-tech-decision-makaing-devio2025
nologyance
1
370
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
150
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
4
540
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Git: the NoSQL Database
bkeepers
PRO
431
66k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Gamification - CAS2011
davidbonilla
81
5.4k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Transcript
Twilio Video ͷ֓ཁ selfree, llc Kiminari Homma (@kimihom)
ඞཁͳͷ • Twilio ΞΧϯτ (ମݧ൛Ͱ OK) • Firefox ͱ Chrome
• PHP or Ruby or Node.js Ͱ localhost Λ্ཱͪ ͛ΒΕΔڥ • ϝϞா(ΤσΟλʔ)
ࣗݾհ
ຊؒ ߖ @kimihom CTO at selfree,llc Twilio, Ruby on Rails,
Heroku, AWS, Android, iOS TwilioJP-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 ϞόΠϧΣϒΞϓϦͰߴػೳͳෳϏσΦ௨ ͱߴԻ࣭ͷԻମݧΛ࡞Γ·͠ΐ͏ɻTwilio Video ɺP2P௨ͷͨΊͷάϩʔόϧΫϥυ ΠϯϑϥͰࢧ͑ΒΕ͍ͯ·͢ɻ
Demo
Ͱ͖Δ͜ͱ • ϏσΦ௨ͷೝূͱొ • ௨ͷॳظԽ • ௨ͷൃ৴ͱண৴ • Data Channel
(COMING SOON) ϑΝΠϧσʔλͷ P2P ௨৴
ࢲ͕ͨͪ WebRTC ʹؔͯ͠৺ ͢Δ͜ͱ͋Γ·ͤΜɻ Twilio Video SDK Λ͏͚ͩͰ ϏσΦ௨ػೳΛ࣮ݱͰ͖·͢ɻ
$ISPNF ˕ 'JSFGPY ˓ *& º 4BGBSJ º .4&EHF ˚
ϒϥβαϙʔτ(β)
Video ͷ࣮Πϝʔδ 8FCαʔόʔ 5XJMJP3&45 4%, SID, API Key, Secret, Configuration
SID Token Token Ληοτ͢Δͱ 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&45 4%, SID, API Key, Secret, Configuration
SID Token Token Ληοτ͢Δͱ Video ௨ػ ঢ়ଶɻ Video ൃ৴ ͱ ड৴࣌ͷΠϕϯτΛఆٛ ̍ ϦΫΤετ ̎ ̏ ̑ Video SDK (ϒϥβ, iOS, Android) ̐ Ϩεϙϯε ίί
ඞཁͳͷ • Twilio ΞΧϯτ (ମݧ൛Ͱ OK) • Firefox ͱ Chrome
• PHP or Ruby or Node.js Ͱ localhost Λ্ཱͪ ͛ΒΕΔڥ • ϝϞா(ΤσΟλʔ)
http://bit.ly/1NvGBxv ϋϯζΦϯ༰ (Qiita)
Twilio Video ͷࠓޙ • DataChannel ͰϑΝΠϧͷૹड৴͕Մೳʹ • REST API ͷొ
• ࢀՃऀͷ੍ޚ • ࢀՃऀ͝ͱͷཤྺͷऔಘ • iOS ͰͷεΫϦʔϯͷڞ༗
ΑΓਂ͘ Twilio Video ΛΔ • Twilio υΩϡϝϯτΛಡΉ • ඞཁʹԠͯ͡ API
υΩϡϝϯτΛಡΉ • Promise, EventEmitter ͳͲͷ࣮ΛΔ
Thanks.