LINE RevUp 2022 - TwilioVideo

2022年10月22日に開催された LINE Rev UP 2022内でご紹介した資料になります。

Transcript

1. 
   גࣜձࣾ,%%*΢Σϒίϛϡχέʔγϣϯζ
   ߴڮࠀݾ -*''ͱ5XJMJP
   'MFYͰ࡞Δ 
 ϏσΦ௨࿩ʹΑΔපӃ༧໿γεςϜ
2. ͓࿳ͼ පӃड෇γεςϜͬͯॻ͍ͯ͋ΔͷͰ͕͢ɺ
   ͋·ΓපӃؔ܎ͳ͍Ͱ͆͢
   ൚༻ͷϏσΦड෇γεςϜͱͯ͠ݟͯͶ ɾТ ͯ΁΃Ζ
3. גࣜձࣾ,%%*΢Σϒίϛϡχέʔγϣϯζ ϚʔέςΟϯάຊ෦
   ΤόϯδΣϦετ
   Katsumi Takahashi facebook: katsumi.takahashi Twitter: _katsumi github: mobilebiz qiita: mobilebiz #赤い芸人 ⾃⼰紹介 ઌि຤ͷϋοΧιϯͰɺࠓճͷωλΛ࡞Ζ͏ͱࢥͬͨͷͰ͕͢ɺ
   ݁ہผͷΛ࡞ͬͯ͠·͍ɺࠓि͸͜ͷωλ࡞ΓͰࢮʹͦ͏Ͱͨ͠ɻ
4. 0WFSWJFX ຊ೔͓࿩͢Δ಺༰ • システムのシナリオ • Twilioについて • Twilio Videoについて • Twilio Flexについて • LIFFアプリについて • まとめ
5. γεςϜͷγφϦΦ
6. ͜ͷΞϓϦͷҐஔ͚ͮ ঱ঢ়͕ग़͔ͯΒපӃͰͷॳ਍Λ͏͚Δ·Ͱͷϓϩηε • 病院を探す（GoogleMapとかが多いはず） • 連絡先を探す（診療時間も合わせて検索） • 予約をする（できれば症状を伝えておきたい） • 病院にいく（待合室で待たされるの嫌だなぁ） • 問診票を記⼊する（予想通り待たされるorz） • 初診を受ける（結局他の病院を勧められることもある） ίί -*/&ͷڧΈ͸ຊདྷ͸͜ͷ͋ͨΓ γεςϜͷγφϦΦ
7. γεςϜϑϩʔ ˓✕ҩӃ 5XJMJP'MFY 5XJMJP7JEFP 5XJMJP7PJDF -*/&ίʔϧ 1MVT -*''ΞϓϦ ຊ೔঺հ͢Δͷ͸ 
 ͪ͜ΒͷΞϓϦ -*/&ίʔϧ1MVTΛ࢖ͬͯి࿩Ͱ༧໿ 5XJMJP7JEFPΛ࢖ͬͯ 
 ςϨϏి࿩Ͱ༧໿ γεςϜͷγφϦΦ
8. ͦΕɺ-*/&ίʔϧͰΑ͘Ͷʁ ެࣜΞΧ΢ϯτͷ-*/&ίʔϧͰԻ੠௨࿩΋ϏσΦ௨࿩Ͱ͖ΔΑͶʁ γεςϜͷγφϦΦ
9. &YBDUMZʢ͔֬ʹʣʂ ͦΕͰ΋'MFYΛ࢖͏ҙຯʹ͍ͭͯ • 複数のオペレータがブラウザで対応できる • 最⼤5万席まで • 待ち呼処理やACDによるオペレータ選択ができる • 話中にならず、最適なオペレータが応答できる • ビデオ通話に付加価値をつけられる • 画⾯共有や字幕、録画などの機能を追加可能 • 同じツールに集約できる • チャット、ビデオ、⾳声を同じ画⾯で対応できる γεςϜͷγφϦΦ ண৴Ͱ͖ͳ͍৔߹
10. ·ͣ͸%&.0ΛΈͯΈΑ͏ γεςϜͷγφϦΦ
11. 5XJMJPʹ͍ͭͯ
12. 5XJMJPͱ͸ "CPVU ʮτΡΠϦΦʯͱൃԻ͠·͢ɻ 2008೥ αʔϏε։࢝ ຊࣾ͸αϯϑϥϯγεί ϩϯυϯɺχϡʔϤʔΫɺϚυ Ϧʔυɺ߳ߓɺγϯΨϙʔϧɺ ೔ຊͳͲɺੈք26ϲॴʹڌ఺ 2016೥6݄ʹIPOʢNYSEʣ 重要！ 5XJMJPʹ͍ͭͯ
13. 5XJMJP
    7JEFPʹ͍ͭͯ
14. 5XJMJP
    7JEFPͱ͸ ϏσΦίϛϡχέʔγϣϯ"1* • WebRTC※1ベースのビデオプラットフォーム • ルームの種類は3つ • Go: 最⼤2名までの制限はあるが、無料で使えるルーム • P2Pルーム：サーバーを介さず最⼤10名まで使えるルーム • グループルーム：最⼤50名まで使える⾼機能なルーム • ⾳声・ビデオ・データの３種類のトラックを利⽤可能 • JavaScript、iOS、AndroidのSDKを⽤意 5XJMJP
    7JEFPʹ͍ͭͯ ˞
    ϦΞϧλΠϜ௨৴Λ8FCٕज़্Ͱ࣮ݱ͢Δ͘͠Έ
15. 8FC35$ͬͯԿʁ 8FC
    3FBM—5JNF
    $PNNVOJDBUJPO 7JEFP"VEJP%BUB
    USBDLT γάφϦϯά γάφϦϯά ϒϥ΢β ϒϥ΢β 5XJMJP
    7JEFP
    ϓϥοτϑΥʔϜ USBDLT USBDLT
16. άϧʔϓϧʔϜͷಛ௕ ʙ໊Ͱ࢖͑Δ4'6˞ϕʔεͷ7JEFPϓϥοτϑΥʔϜ • VP8 サイマルキャストのサポート • ドミナントスピーカーの検知 • 品質管理に関する各種APIのサポート • 録画のサポート • 録画データの組み⽴て • PSTN接続のサポート • ノイズキャンセリング機能の提供 5XJMJP
    7JEFPʹ͍ͭͯ ˞
    4'6
    4FMFDUJWF
    'PSXBSEJOH
    6OJU
    
    
    Ի੠΍ө૾Λαʔόʔܦ༝Ͱ഑৴͢Δٕज़
17. 5XJMJP
    'MFYʹ͍ͭͯ
18. 5XJMJP
    'MFY ϑϧΧελϚΠζ͕ՄೳͳίϯλΫτηϯλʔιϦϡʔγϣϯ 5XJMJPͷ֤छαʔϏεΛ૊Έ߹Θͤͨίϯ λΫτηϯλʔͷ౷߹ιϦϡʔγϣϯɻ
    6*͸΋ͪΖΜɺ*73΍"$%ͳͲͷϑϧΧ ελϚΠζ͕Մೳɻ
    ΦϖϨʔλ഑ஔͷ࠷దԽ͢Δ͜ͱ͕Ͱ͖ Δ'MFY
    *OTJHIU΋แؚ͞Ε͍ͯ·͢ɻ Ϋϥ΢υ 5XJMJP
    'MFYʹ͍ͭͯ
19. IUUQTKQUXJMJPDPNEPDTUBTLSPVUFSIPXUBTLSPVUFSXPSLT 5XJMJP
    'MFYʹ͍ͭͯ 7JEFP λεΫΛੜ੒
20. -*''ΞϓϦʹ͍ͭͯ 
 ʢίʔυղઆ͠ͳ͕Β঺հʣ
21. 8FC35$
    PO
    -*'' ͦ΋ͦ΋ಈ͘ͷ͔ʁ • 結論 • 動きます！（ただし、バージョンに依存します） • LIFFブラウザの仕様※1 • iPhone: WKWebView、Android: Android WebView • Android WebViewは、Android7からChromeエンジン • WKWebViewは、iOS14.3でgetUserMediaをサポート ˞
    IUUQTEFWFMPQFSTMJOFCJ[KBEPDTMJ ff PWFSWJFXMJOFBQJVTFDBTF -*''ΞϓϦʹ͍ͭͯ
22. γʔέϯεਤ શମਤ -*''ΞϓϦʹ͍ͭͯ
23. w -*''ϒϥ΢β͸MJ ff JOJU Ͱࣗಈతʹ MJ ff MPHJO ΋࣮ߦ͞ΕΔ
    w ֎෦ϒϥ΢β͸ผ్MJ ff MPHJO ͕ඞ ཁ
    w *%5PLFOΛαʔόʔʹ౉ͯ͠ɺαʔ όʔ্ͰϢʔβ৘ใΛऔಘ͢Δ -*''ΞϓϦʹ͍ͭͯ
24. w ·ͣ͸ࣗ෼͕ϧʔϜʹ ೖΓɺͦͷޙλεΫΛ ৽ن࡞੒ͯ͠ΦϖϨʔ λΛݺͼग़͢
    w ΦϖϨʔλ΋τʔΫϯ Λऔಘͯ͠ϧʔϜʹ઀ ଓ -*''ΞϓϦʹ͍ͭͯ
25. -*''ΞϓϦͷߏ੒ ϩϏʔը໘ w -*''ىಈ௚ޙͷը໘
    w 3FBDUͷ"QQKTY಺Ͱ
    MJ ff JOJU Λ࣮ߦ
    w HFU1SP fi MF ͱHFU*%5PLFO ΋࣮ߦ
    w ΨΠυϥΠϯ˞ʹै͍ɺϩϏʔը໘ ͰɺΧϝϥىಈલʹϢʔβʔʹ֬ೝ ͕ඞཁ ˞
    IUUQTEFWFMPQFSTMJOFCJ[KBEPDTMJ ff EFWFMPQNFOUHVJEFMJOFTMJ ff EFWFMPQNFOUSVMFT -*''ΞϓϦʹ͍ͭͯ
26. -*''ΞϓϦͷߏ੒ ϧʔϜը໘ )FBEFS 1BSUJDJQBOU 5PPM#BS w ϧʔϜը໘͸ɺͭͷ)FBEFSίϯ ϙʔωϯτͱɺͭͷ5PPM#BSίϯ ϙʔωϯτɺࢀՃऀͷਓ਺෼ͷ 1BSUJDJQBOUίϯϙʔωϯτɺը໘ ڞ༗ͷ4DSFFOίϯϙʔωϯτ͔Β ߏ੒͞ΕΔ
    w Χϝϥ0O0 ff ɺϚΠΫ0O0 ff
    w &YJUͰ-*''ΞϓϦ΋ऴྃ 4DSFFO -*''ΞϓϦʹ͍ͭͯ
27. ·ͱΊ
28. ·ͱΊ • LIFFブラウザでもWebRTCはちゃんと動く • LIFF開発ガイドラインは重要なので必ず読もう • LIFFブラウザのデバッグには、li ff -inspectorプラグイン • VideoプラットフォームにはTwilioを使ってね（WebRTC GOなら無料） • Flexと組み合わせることで⾳声やビデオのマルチチャネルが可能 • 本⽇の資料は後ほど公開します。
29. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ ,%%*΢Σϒίϛϡχέʔγϣϯζ 
 5XJMJPΤόϯδΣϦετ 
 ߴڮࠀݾ