http://nttcommunications-workshop2016.strikingly.com の参加者に事前に目を通していただきたい資料です。

1. Copyright © NTT Communications Corporation. All rights reserved.
ntt.com
Transform your business, transcend expectations with our technologically advanced solutions.
APPS JAPAN 2017
リアルタイムコミュニケーションで
イノベーティブなサービスを作ろう
~WebRTCの最新イノベーション事例~
2017年6⽉8⽇
NTTコミュニケーションズ株式会社
技術開発部 ⼤津⾕亮祐

2. ⼀昨⽇、Appleの開
発者イベントWWDC
があり、WebRTC界
隈が盛り上がった

3. www.apple.com/apple-events/june-2017/
2時間半の基調講演で
2秒だけあるものが
映った

4. www.apple.com/apple-events/june-2017/

5. www.apple.com/apple-events/june-2017/

6. www.apple.com/apple-events/june-2017/

7. WebRTC対応ブラウザのシェア
82%➙96%に上昇
2012 2013 2014 2015 2016 2017
2017/4 2017/9?
gs.statcounter.com/browser-market-share/desktop-mobile-tablet/worldwide/#monthly-201605-201705 で調査

8. ⾃⼰紹介

9. 仕事
WebRTCプラットフォーム“SkyWay”
担当マネージャ

10. コミュニティ
WebRTCをテーマにしたカンファレンス
“WebRTC Conference Japan” 実⾏委員会 幹事

11. プライベート
神奈川県 葉⼭町 在住
趣味は海と畑
www.flickr.com/photos/sushicam/11618587456/

12. リアルタイム
コミュニケーションとは

13. Real Time 同時 / 即時 / 瞬時の
Communication 通信 / 意思疎通

14. WebRTCとは

15. Web IPネットワーク上の
Real Time 同時 / 瞬時 / 即時の
Communication 通信 / 意思疎通
のためのオープン標準技術

16. 独占
120年間、
電話会社が
リアルタイム
コミュニケーションを
独占
www.flickr.com/photos/mattb_tv/2550476978

17. 破壊
NapsterやSkypeの
スーパーハッカーが
独占を破壊
www.flickr.com/photos/132889348@N07/18410514419

18. ⺠主化
WebRTCにより
すべてのソフトウェアエンジニアが
リアルタイムコミュニケーションを
扱えるように
www.flickr.com/photos/tjflex/57210112

19. SkyWay Conference
ビデオ会議のサンプルアプリ
オープンソースで公開予定

20. 特徴1
アプリ、ブラウザ、組み込み機器で使える

21. 特徴2
映像、⾳声、データを送れる

22. 特徴3
(できるだけ) P2Pでつながる

23. 特徴3
(できるだけ) P2Pでつながる
➙低遅延、低コスト

24. WebRTCによる
イノベーション事例
右上にSkyWayのロゴ
があるのはSkyWayの
事例。

25. 80% 20% 1%

26. 80% of Youほとんどの企業の参考になる
企業活動にWebRTCを導⼊して改善する事例

27. 他アプリや電話を使わずアプリ内でサポートが完結／ユーザの画⾯を共有
し遠隔操作／本⼈確認や困っている理由のヒアリングが不要
➙顧客満⾜度向上
サポート×WebRTC (Amazon Mayday)
www.youtube.com/watch?v=X40j57v5g6I

28. www.rakuten-life.co.jp/videochat/
インストール不要、ブラウザで利⽤できる／ユーザに⾼いITリテラシを
要求しない／⾒積もりフォームが連動
➙販売チャネル拡⼤
セールス×WebRTC (楽天⽣命 ネット保険デスク)

29. ハンズフリーでアドバイスを受けたりマニュアルを閲覧できる
➙作業効率化
作業×スマートグラス×WebRTC (三菱ふそう)
www.mitsubishi-fuso.com/oa/jp/news/news_content/161226/161226.html

30. 20% of You⼀部の企業の参考になる
既存ビジネスとWebRTCを組み合わせることで
新しい価値が⽣まれる事例

31. サイネージでインフォメーションカウンター機能を提供／⾃動翻訳に対応
➙顧客満⾜度向上、訪⽇外国⼈対応、コスト削減
デジタルサイネージ×WebRTC (ニューフォリア)
www.youtube.com/watch?v=hJqNOc3OSdM

32. www.iptvforum.jp/info/2016/11181642.html
通販番組×WebRTC (TOKYO MX)
視聴中に商品情報をスマホにプッシュ通知／ワンタップでビデオ通話を
開始／本⼈確認が不要／テレビ画⾯を商品説明に利⽤可
➙顧客満⾜度向上、販売機会の拡⼤、コスト削減

33. スマホでオンライン診療
医療×WebRTC (CLINICS by MEDLEY)
www.youtube.com/watch?v=SLXf4KDhAxA

34. 24時間365⽇11ヶ国語に対応したオンライン通訳
➙訪⽇外国⼈対応、コストダウン
通訳×WebRTC (テレビ de 通訳 by ポリグロットリンク)
polyglot-link.co.jp/service/

35. 電話×手話×WebRTC (⽇本財団 電話リレーサービス)
聴覚障害者に電話の発着信を提供 ➙ 電話のバリアフリー化
www.youtube.com/watch?v=nIXjO9ZgPX8

36. Skypeのインストール不要／全国の⼩中⾼校に拡⼤中
➙10年後の18歳は英語が話せるようになっている!?
中学校×英語×WebRTC (QQEnglish)
www.youtube.com/watch?v=y9xihUrSGOg
2020年、⼤学⼊試にス
ピーキング追加。
⼩3から英語が必修化。
教育現場は英会話ブー
ム。先⽣が⾜りない。
40⼈学級なら40倍必要。
供給できるのはフィリ
ピンのみ。
Skypeはインストール
の⼿間がかかる。先⽣
はITサポート係ではな
い。⾒ず知らずの⼈と
話しができるツールで
もある。学校には
WebRTCが向いている。

37. SNS×WebRTC (ランダム通話アプリ)
itunes.apple.com/jp/app/ロンリー-ランダム通話アプリ/id1083978899?mt=8

38. スプラトゥーンに特化したボイスチャットアプリ／簡単な操作でグループ
分けを変更／LINEやSkypeの友達リストに追加不要
➙ゲームをもっと楽しく
オンラインゲーム×ボイスチャット×WebRTC (イカデンワ)
ikadenwa.ink

39. 従来のストリーミングと⽐べ遅延が縮⼩(1分から1秒以下に)／
双⽅向のコミュニケーションが可能に
ゲーム実況×WebRTC (Mixer)
mixer.com

40. 1% of You1%以下の挑戦者
WebRTCによって可能になった
まったく新しいビジネスの事例

41. amzn.asia/5mtpfDX
イノベーションにもい
ろいろある。Airbnbの
ようなソフト型。テス
ラのようなハード型。
スペースXのような、
スケールの⼤きなもの。
ここではハード型、ス
ケールの⼤きなものを
紹介する。

42. 遅延が⼩さい／ロボットを操作できる／⽴体視できる
➙遠隔地で結婚式を体験できる
結婚式×WebRTC (HUG Wedding)
www.youtube.com/watch?v=xW_9od_Yzfc
孫の結婚式に出られ
ないおばあちゃんが、
VRで結婚式を体験で
きる。

43. デバイス×WebRTC (petoco by NTTドコモ)
家電とスマホ間のビデオ通話
www.youtube.com/watch?v=13X6cg7R3Po
ドコモのロボット⾵
デバイス。スマホと
ビデオ通話できる。

44. 賞⾦総額3000万ドルの⺠間⽉⾯探査レース“Google Luna XPRIZE”などを
運営するXPRIZE財団の次期テーマに選定
アバターに瞬間移動することで旅の自由を実現
www.xprize.org/visioneers/2016/teams/avatar

45. 視・聴・触覚を受信／運動信号を送信／アナログ接続
テレイグジスタンス・ロボット (Telesar V by 東京⼤学 舘研究室)
www.youtube.com/watch?v=KoC1iTOmYTg

46. テレイグジスタンス・ロボット×WebRTC (GITAI)
視・聴・触覚を受信／運動信号を送信／インターネットを越しにつながる
➙地球の裏側にも⾏ける
www.youtube.com/watch?v=UavOeUGbyng

47. WebRTCを使ったアプリの
開発⽅法

48. WebブラウザでWebRTCを動かす場合
対応ブラウザを使えばOK
2012 2013 2014 2015 2016 2017
2017/4 2017/9?

49. ネイティブアプリや組み込み機器で動かす場合
• libwebrtc
• React Native
• Cordova
• Crosswalk
いろんなオープンソースがあるが
どれを選んでも⼿間がかかる
• Electron
• WebRTC for UWP
• Janus
• UV4L

50. サーバを⽴てる
• PeerJS
• RFC5766-Turn-Server
• Coturn
• Kurento
いろんなオープンソースがあるが
⽚⼿間では難しい
• Jitsi
• Janus
• Licode
• MediaSoup

51. やってられるか！
サンプルアプリを動
かすまでは簡単。商
⽤サービスをやろう
と思うと⼤変になっ
てくる。

52. ⼤丈夫、そもそも難しいのですjxck.hatenablog.com/entry/ortc-to-webrtcnv
著名なエンジニアは
総合格闘技と表現し
ている。
通話機能のために
エンジニアを1⼈雇
い、サーバを数台⽴
てて運⽤するのは、
負担が⼤きい。

53. そこでWebRTCプラットフォーム

54. • ⽶国企業
• ⾳声/ビデオ通話に
特化
• 通話時間による従量課⾦
tokbox.com

55. • ⽶国企業
• KDDIウェブコミュニケー
ションズが販売
• 電話APIでスタート、
後にビデオ通話にも対応
• 転送データ量による
従量課⾦
• 出展中！
twilio.kddi-web.com

56. • ⽇本のスタートアップ
• 定額的な課⾦
• アプリも開発してくれる
ようです
www.face-peer.com

57. • ⽇本のスタートアップ
• SFUサーバ「Sora」を
開発、1：多の配信が強み
• サービス利⽤契約では
なくライセンス契約
sora.shiguredo.jp

58. • NTTコミュニケーションズ
が開発･運営
• 映像、⾳声&データに対応
• 無料
• 出展中！
skyway.io

59. WebRTCプラットフォーム
SkyWay

60. skyway.io

61. コンセプト
リアルタイムコミュニケーションを
使ってイノベーションに挑戦する
世界中の開発者のための
WebRTCプラットフォーム

62. 裏コンセプト
世界中の開発者に代わって
WebRTCのめんどくさいことを
引き受ける

63. 4
years

64. 7700
apps
5050
developers

65. 0
free
99.9+%
availability

66. 商⽤利⽤可

68. P2Pの多⼈数接続は負荷が⾼い
エンコード負荷と上りの帯域が限界に達する
エンコードはデコー
ドの100万倍重い。
⼈数が多くなると処
理能⼒を使い切る。
LTEは⾮対称で上り
が細い。⼈数が多く
なると上り回線を使
い切る。

69. SkyWayの提供するSFUで解決
SFU
サーバに送信し分配してもらう エンコードと上りの
数を減らせる。

70. 2017/06/05
SkyWay IoT SDKを
オープンソース公開
組み込み機器にも対応
github.com/nttcom/skyway-iot-sdk

71. ロードマップ
（資料なし）
広報担当に怒られる
ので資料なし。
有償プランを準備中。

72. WebRTC Pavilion

73. 写真
WebRTCで転送し3Dホログラムに表⽰！

74. セミナー開場を出て左へ進み左側！

75. まとめ

76. WebRTCを使った
多様なイノベーションが始まっている
そろそろWebRTCを使ってみよう