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
57
Twilio iOS 徹底攻略
honkimi
1
1.2k
2021年 Twilio Voice 報告
honkimi
0
290
WebRTC ビジネスの失敗と成功
honkimi
2
1.8k
最近の Twilio トレンド報告
honkimi
0
390
Twilio Meet Up
honkimi
0
75
利用ユーザーからみた Twilio の紹介
honkimi
0
86
Zendesk App を Heroku で作ってみた話
honkimi
0
130
国内における Twilio x Alexa
honkimi
0
740
Other Decks in Technology
See All in Technology
Agentic DevOps時代の生存戦略
kkamegawa
1
1.3k
IIWレポートからみるID業界で話題のMCP
fujie
0
770
AIのAIによるAIのための出力評価と改善
chocoyama
2
540
地図も、未来も、オープンに。 〜OSGeo.JPとFOSS4Gのご紹介〜
wata909
0
100
Prox Industries株式会社 会社紹介資料
proxindustries
0
260
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
1
500
エンジニア向け技術スタック情報
kauche
1
230
原則から考える保守しやすいComposable関数設計
moriatsushi
3
530
Witchcraft for Memory
pocke
1
220
初めてのAzure FunctionsをClaude Codeで作ってみた / My first Azure Functions using Claude Code
hideakiaoyagi
1
210
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
iselegant
16
5.3k
PostgreSQL 18 cancel request key長の変更とRailsへの関連
yahonda
0
120
Featured
See All Featured
Docker and Python
trallard
44
3.4k
The Pragmatic Product Professional
lauravandoore
35
6.7k
The Invisible Side of Design
smashingmag
299
51k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Embracing the Ebb and Flow
colly
86
4.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
It's Worth the Effort
3n
185
28k
The Cult of Friendly URLs
andyhume
79
6.5k
4 Signs Your Business is Dying
shpigford
184
22k
We Have a Design System, Now What?
morganepeng
53
7.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
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.