Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

TwilioとWebRTC

236 views

Published on

https://atnd.org/events/105581
WebRTC Meetup#21 でお話したTwilioとWebRTCに関しての資料

Published in: Engineering
  • Be the first to comment

TwilioとWebRTC

  1. 1. TwilioとWebRTC 2019/05/29 レバレジーズ株式会社 西口瑛一
  2. 2. 目次 ● 自己紹介 ● TwilioとWebRTCの関係 ● Unified Plan対応 ● まとめ
  3. 3. 目次 ● 自己紹介 ● TwilioとWebRTCの関係 ● Unified Plan対応 ● まとめ
  4. 4. 西口瑛一(にしぐちえいいち) : @24guchia レバレジーズ株式会社 メディアシステム部所属 最近:Twilioの技術コンサルタント業初めました ブログ: 針は飲まれぬ http://harinoma.info/ WhoAmI
  5. 5. WhoAmI Twilioの実績 ● 社内向けコンタクトセンター開発 ○ 利用者数:500名を超える ○ 通話時間:5万時間を超える(4月度実績) ● Twilioコミュニティ活動 ○ ビジネスセミナー登壇 ○ ユーザミートアップ開催サポート ○ Twilioユーザ向け拡張機能開発
  6. 6. http://harinoma.info/?p=340
  7. 7. ぎっくり腰のため、LTに出れず http://harinoma.info/?p=224
  8. 8. ● 自己紹介 ● TwilioとWebRTCの関係 ● Unified Plan対応 ● まとめ 目次
  9. 9. そもそもTwilioってなんですか?
  10. 10. Twilioとは 電話やSMS、ビデオ通話などをAPIで提供しているサービス ● 電話かけたり受けたりをAPIでできるようになります ● SMSやLINE通話、ビデオ通話などもAPIで呼び出せます ● アメリカ発のユニコーン企業
  11. 11. Twilioの使いみち コンタクトセンターからアラート通知など多様に渡る ● コンタクトセンター ● アプリ間通話 ● 自動通知
  12. 12. Twilio企業事例
  13. 13. TwilioとWebRTCの関係 音声通話、ビデオ通話で使われている ● Voice(音声通話)、Video(動画通話) ○ STUNサーバが使える(TURNも別料金だけど使える) ○ NAT越えはICE ○ 公衆交換電話網(PSTN)の普通の電話と繋がる ● Voice(音声通話)、Video(動画通話) ○ STUNサーバが使える(TURNも別料金だけど使える) ○ NAT越えはICE ○ 公衆交換電話網(PSTN)の普通の電話と繋がる
  14. 14. Twilioを使うメリット Twilio ClientというPCで通話が出来るライブラリが提供されている ● Webサイトでライブラリを読み込むだけ ● 普通のWebエンジニアがとりあえずすぐに使える ● WebRTCの難しい部分をすっ飛ばして始められる
  15. 15. DEMOのシナリオ 内製CRM
  16. 16. DEMOのシナリオ 内製CRM顧客情報
  17. 17. DEMOのシナリオ 内製CRM顧客情報
  18. 18. DEMOのシナリオ 内製CRM顧客情報
  19. 19. DEMOのシナリオ 通話が始まる 内製CRM顧客情報
  20. 20. DEMO
  21. 21. とはいえ、WebRTCの知識が必要
  22. 22. WebRTCの知識が問われるとき 調査が必要なとき ● ネットワークの調査で必要になる ● 音声品質の問題解決で調査が必要になる ● WebRTC界隈の流れに合わせてTwilio Clientが改修される ● ネットワークの調査で必要になる ● 音声品質の問題解決で調査が必要になる ● WebRTC界隈の流れに合わせてTwilio Clientが改修される
  23. 23. ● 自己紹介 ● TwilioとWebRTCの関係 ● Unified Plan対応 ● まとめ 目次
  24. 24. Intent to Implement:WebRTC Unified Plan SDP Plan A,Plan Bに関する標準化の流れ ● 先述のTwilio ClientはPlan Bに依存した実装になっていた ● Chrome M72でPlan A(Unified Plan)が標準になった ● 旧バージョンのTwilio Clientが利用できなくなった ● 先述のTwilio ClientはPlan Bに依存した実装になっていた ● Chrome M72でPlan A(Unified Plan)が標準になった ● 旧バージョンのTwilio Clientが利用できなくなった
  25. 25. Twilio Clientの対応 Unified Plan対応バージョンが出た ● デフォルトがUnified Plan、Plan Bも使える ● 弊社は内製したChrome拡張機能でTwilioを利用している ● プロダクトに取り込み済み、問題なくUnified Planで動作している
  26. 26. Twilio Clientの現状 WebRTCのデファクトスタンダード全部盛り ● Unified Plan、Plan Bサポート ● OPUS、PCMUサポート ● Chrome、Firefox、Edge、Safariサポート ○ FF、Edge、Safariは一部使えない機能がある ● iOS、Androidサポート
  27. 27. ● 自己紹介 ● TwilioとWebRTCの関係 ● Unified Plan対応 ● まとめ 目次
  28. 28. 電話回線やLINEともつながる
  29. 29. ※ 引用1
  30. 30. ※ 引用2
  31. 31. 日本中の端末とつながる
  32. 32. ご清聴ありがとうございました Twilio × WebRTC ● We can’t wait to see what you build. ● 皆さまが何を開発されるのか、目にするのが待ちきれません!
  33. 33. 出典 ● 引用1 ○ 第2部 基本データと政策動向 . 総務省 . http://www.soumu.go.jp/johotsusintokei/whitepaper/ja/ h30/html/nd252110.html, (参照 2019-05-19) ● 引用2 ○ LINE社 . LINE公式アカウント2019年4月-2019年6月媒体資 料_ver1.2 . https://adcenter.linebiz.com/mediaguide/?contents_typ e=117&pageID=3, (参照 2019-05-19)

×