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
LINE RevUp 2022 - TwilioVideo
Search
Katsumi Takahashi
October 22, 2022
Business
0
630
LINE RevUp 2022 - TwilioVideo
2022年10月22日に開催された LINE Rev UP 2022内でご紹介した資料になります。
Katsumi Takahashi
October 22, 2022
Tweet
Share
More Decks by Katsumi Takahashi
See All by Katsumi Takahashi
kintone × CPaaS でDXを実現しよう
mobilebiz
0
29
「赤い芸人」養成講座
mobilebiz
0
960
CCAI + TwilioFlexを日本語で実装した話
mobilebiz
0
100
Twilio Flexで通話録音を実装した話
mobilebiz
0
140
昭和な上司に承認なう
mobilebiz
0
130
「赤い芸人」養成講座
mobilebiz
0
710
Twilio Super SIMを使ってみた
mobilebiz
0
1.2k
Twilio紹介資料(NRIハッカソン2021)
mobilebiz
0
110
ニューノーマルなコミュニケーション
mobilebiz
1
320
Other Decks in Business
See All in Business
おひさぽ ご説明資料
trinitytechnology
0
52k
VISASQ: ABOUT US
eikohashiba
14
420k
【エンジニア採用】BuySell Technologies会社説明資料
buyselltechnologies
1
41k
三井物産のデジタル証券〜浅草・まちなか旅館〜徹底解説セミナースライド(20240408)
c0rp_mdm
0
1.8k
【キャリア採用】BuySell Technologies会社説明資料
buyselltechnologies
2
61k
アプリビジネスとプラットフォーム規制の最新動向20240411
kenjisugiura
1
190
【DearOne】Dear Newest Member
hrm
1
2.3k
Experience counts: why SEO needs a name change
emilygoodyear
0
100
#CMC_Meetup コミュニティの主体がCSからマーケに変わって気づいた良さの違い
ktkn1129
0
290
akippa株式会社 - 会社紹介資料
akippa
2
45k
MYPLATE for office
myplate
0
120
TECH HIRE |「大胆なポジションの開発」によって ハイクラス人材を直接応募で4名採用できた話
trackrecords
PRO
0
360
Featured
See All Featured
Building Effective Engineering Teams - LeadDev
addyosmani
32
1.9k
Stop Working from a Prison Cell
hatefulcrawdad
267
19k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
Art, The Web, and Tiny UX
lynnandtonic
290
19k
Navigating Team Friction
lara
179
13k
The Cult of Friendly URLs
andyhume
74
5.7k
Atom: Resistance is Futile
akmur
260
25k
Statistics for Hackers
jakevdp
790
220k
Embracing the Ebb and Flow
colly
80
4.2k
Learning to Love Humans: Emotional Interface Design
aarron
267
39k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
33
6k
GraphQLとの向き合い方2022年版
quramy
33
12k
Transcript
גࣜձࣾ,%%*Σϒίϛϡχέʔγϣϯζߴڮࠀݾ -*''ͱ5XJMJP'MFYͰ࡞Δ ϏσΦ௨ʹΑΔපӃ༧γεςϜ
͓ͼ පӃडγεςϜͬͯॻ͍ͯ͋ΔͷͰ͕͢ɺ ͋·ΓපӃؔͳ͍Ͱ͆͢ ൚༻ͷϏσΦडγεςϜͱͯ͠ݟͯͶ ɾТ ͯΖ
גࣜձࣾ,%%*Σϒίϛϡχέʔγϣϯζ ϚʔέςΟϯάຊ෦ ΤόϯδΣϦετ Katsumi Takahashi facebook: katsumi.takahashi Twitter: _katsumi github:
mobilebiz qiita: mobilebiz #赤い芸人 ⾃⼰紹介 ઌिͷϋοΧιϯͰɺࠓճͷωλΛ࡞Ζ͏ͱࢥͬͨͷͰ͕͢ɺ ݁ہผͷΛ࡞ͬͯ͠·͍ɺࠓि͜ͷωλ࡞ΓͰࢮʹͦ͏Ͱͨ͠ɻ
0WFSWJFX ຊ͓͢Δ༰ • システムのシナリオ • Twilioについて • Twilio Videoについて •
Twilio Flexについて • LIFFアプリについて • まとめ
γεςϜͷγφϦΦ
͜ͷΞϓϦͷҐஔ͚ͮ ঢ়͕ग़͔ͯΒපӃͰͷॳΛ͏͚Δ·Ͱͷϓϩηε • 病院を探す(GoogleMapとかが多いはず) • 連絡先を探す(診療時間も合わせて検索) • 予約をする(できれば症状を伝えておきたい) • 病院にいく(待合室で待たされるの嫌だなぁ)
• 問診票を記⼊する(予想通り待たされるorz) • 初診を受ける(結局他の病院を勧められることもある) ίί -*/&ͷڧΈຊདྷ͜ͷ͋ͨΓ γεςϜͷγφϦΦ
γεςϜϑϩʔ ˓✕ҩӃ 5XJMJP'MFY 5XJMJP7JEFP 5XJMJP7PJDF -*/&ίʔϧ 1MVT -*''ΞϓϦ ຊհ͢Δͷ
ͪ͜ΒͷΞϓϦ -*/&ίʔϧ1MVTΛͬͯిͰ༧ 5XJMJP7JEFPΛͬͯ ςϨϏిͰ༧ γεςϜͷγφϦΦ
ͦΕɺ-*/&ίʔϧͰΑ͘Ͷʁ ެࣜΞΧϯτͷ-*/&ίʔϧͰԻ௨ϏσΦ௨Ͱ͖ΔΑͶʁ γεςϜͷγφϦΦ
&YBDUMZʢ͔֬ʹʣʂ ͦΕͰ'MFYΛ͏ҙຯʹ͍ͭͯ • 複数のオペレータがブラウザで対応できる • 最⼤5万席まで • 待ち呼処理やACDによるオペレータ選択ができる • 話中にならず、最適なオペレータが応答できる
• ビデオ通話に付加価値をつけられる • 画⾯共有や字幕、録画などの機能を追加可能 • 同じツールに集約できる • チャット、ビデオ、⾳声を同じ画⾯で対応できる γεςϜͷγφϦΦ ண৴Ͱ͖ͳ͍߹
·ͣ%&.0ΛΈͯΈΑ͏ γεςϜͷγφϦΦ
5XJMJPʹ͍ͭͯ
5XJMJPͱ "CPVU ʮτΡΠϦΦʯͱൃԻ͠·͢ɻ 2008 αʔϏε։࢝ ຊࣾαϯϑϥϯγεί ϩϯυϯɺχϡʔϤʔΫɺϚυ Ϧʔυɺ߳ߓɺγϯΨϙʔϧɺ ຊͳͲɺੈք26ϲॴʹڌ 20166݄ʹIPOʢNYSEʣ
重要! 5XJMJPʹ͍ͭͯ
5XJMJP7JEFPʹ͍ͭͯ
5XJMJP7JEFPͱ ϏσΦίϛϡχέʔγϣϯ"1* • WebRTC※1ベースのビデオプラットフォーム • ルームの種類は3つ • Go: 最⼤2名までの制限はあるが、無料で使えるルーム •
P2Pルーム:サーバーを介さず最⼤10名まで使えるルーム • グループルーム:最⼤50名まで使える⾼機能なルーム • ⾳声・ビデオ・データの3種類のトラックを利⽤可能 • JavaScript、iOS、AndroidのSDKを⽤意 5XJMJP7JEFPʹ͍ͭͯ ˞ϦΞϧλΠϜ௨৴Λ8FCٕज़্Ͱ࣮ݱ͢Δ͘͠Έ
8FC35$ͬͯԿʁ 8FC3FBM5JNF$PNNVOJDBUJPO 7JEFP"VEJP%BUBUSBDLT γάφϦϯά γάφϦϯά ϒϥβ ϒϥβ 5XJMJP7JEFPϓϥοτϑΥʔϜ USBDLT USBDLT
άϧʔϓϧʔϜͷಛ ʙ໊Ͱ͑Δ4'6˞ϕʔεͷ7JEFPϓϥοτϑΥʔϜ • VP8 サイマルキャストのサポート • ドミナントスピーカーの検知 • 品質管理に関する各種APIのサポート •
録画のサポート • 録画データの組み⽴て • PSTN接続のサポート • ノイズキャンセリング機能の提供 5XJMJP7JEFPʹ͍ͭͯ ˞4'6 4FMFDUJWF'PSXBSEJOH6OJU Իө૾Λαʔόʔܦ༝Ͱ৴͢Δٕज़
5XJMJP'MFYʹ͍ͭͯ
5XJMJP'MFY ϑϧΧελϚΠζ͕ՄೳͳίϯλΫτηϯλʔιϦϡʔγϣϯ 5XJMJPͷ֤छαʔϏεΛΈ߹Θͤͨίϯ λΫτηϯλʔͷ౷߹ιϦϡʔγϣϯɻ 6*ͪΖΜɺ*73"$%ͳͲͷϑϧΧ ελϚΠζ͕Մೳɻ ΦϖϨʔλஔͷ࠷దԽ͢Δ͜ͱ͕Ͱ͖ Δ'MFY*OTJHIUแؚ͞Ε͍ͯ·͢ɻ Ϋϥυ 5XJMJP'MFYʹ͍ͭͯ
IUUQTKQUXJMJPDPNEPDTUBTLSPVUFSIPXUBTLSPVUFSXPSLT 5XJMJP'MFYʹ͍ͭͯ 7JEFP λεΫΛੜ
-*''ΞϓϦʹ͍ͭͯ ʢίʔυղઆ͠ͳ͕Βհʣ
8FC35$PO-*'' ͦͦಈ͘ͷ͔ʁ • 結論 • 動きます!(ただし、バージョンに依存します) • LIFFブラウザの仕様※1 • iPhone:
WKWebView、Android: Android WebView • Android WebViewは、Android7からChromeエンジン • WKWebViewは、iOS14.3でgetUserMediaをサポート ˞IUUQTEFWFMPQFSTMJOFCJ[KBEPDTMJ ff PWFSWJFXMJOFBQJVTFDBTF -*''ΞϓϦʹ͍ͭͯ
γʔέϯεਤ શମਤ -*''ΞϓϦʹ͍ͭͯ
w -*''ϒϥβMJ ff JOJU Ͱࣗಈతʹ MJ ff MPHJO ࣮ߦ͞ΕΔ w
֎෦ϒϥβผ్MJ ff MPHJO ͕ඞ ཁ w *%5PLFOΛαʔόʔʹͯ͠ɺαʔ όʔ্ͰϢʔβใΛऔಘ͢Δ -*''ΞϓϦʹ͍ͭͯ
w ·͕ͣࣗϧʔϜʹ ೖΓɺͦͷޙλεΫΛ ৽ن࡞ͯ͠ΦϖϨʔ λΛݺͼग़͢ w ΦϖϨʔλτʔΫϯ Λऔಘͯ͠ϧʔϜʹ ଓ -*''ΞϓϦʹ͍ͭͯ
-*''ΞϓϦͷߏ ϩϏʔը໘ w -*''ىಈޙͷը໘ w 3FBDUͷ"QQKTYͰMJ ff JOJU Λ࣮ߦ w
HFU1SP fi MF ͱHFU*%5PLFO ࣮ߦ w ΨΠυϥΠϯ˞ʹै͍ɺϩϏʔը໘ ͰɺΧϝϥىಈલʹϢʔβʔʹ֬ೝ ͕ඞཁ ˞IUUQTEFWFMPQFSTMJOFCJ[KBEPDTMJ ff EFWFMPQNFOUHVJEFMJOFTMJ ff EFWFMPQNFOUSVMFT -*''ΞϓϦʹ͍ͭͯ
-*''ΞϓϦͷߏ ϧʔϜը໘ )FBEFS 1BSUJDJQBOU 5PPM#BS w ϧʔϜը໘ɺͭͷ)FBEFSίϯ ϙʔωϯτͱɺͭͷ5PPM#BSίϯ ϙʔωϯτɺࢀՃऀͷਓͷ 1BSUJDJQBOUίϯϙʔωϯτɺը໘
ڞ༗ͷ4DSFFOίϯϙʔωϯτ͔Β ߏ͞ΕΔ w Χϝϥ0O0 ff ɺϚΠΫ0O0 ff w &YJUͰ-*''ΞϓϦऴྃ 4DSFFO -*''ΞϓϦʹ͍ͭͯ
·ͱΊ
·ͱΊ • LIFFブラウザでもWebRTCはちゃんと動く • LIFF開発ガイドラインは重要なので必ず読もう • LIFFブラウザのデバッグには、li ff -inspectorプラグイン •
VideoプラットフォームにはTwilioを使ってね(WebRTC GOなら無料) • Flexと組み合わせることで⾳声やビデオのマルチチャネルが可能 • 本⽇の資料は後ほど公開します。
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ,%%*Σϒίϛϡχέʔγϣϯζ 5XJMJPΤόϯδΣϦετ ߴڮࠀݾ