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コミュニケーションズ株式会社
技術開発部 ⼤津⾕亮祐
⼀昨⽇、Appleの開
発者イベントWWDC
があり、WebRTC界
隈が盛り上がった
www.apple.com/apple-events/june-2017/
2時間半の基調講演で
2秒だけあるものが
映った
www.apple.com/apple-events/june-2017/
www.apple.com/apple-events/june-2017/
www.apple.com/apple-events/june-2017/
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 で調査
自己紹介
仕事
WebRTCプラットフォーム“SkyWay”
担当マネージャ
コミュニティ
WebRTCをテーマにしたカンファレンス
“WebRTC Conference Japan” 実⾏委員会 幹事
プライベート
神奈川県 葉⼭町 在住
趣味は海と畑
www.flickr.com/photos/sushicam/11618587456/
リアルタイム
コミュニケーションとは
Real Time 同時 / 即時 / 瞬時の
Communication 通信 / 意思疎通
WebRTCとは
Web IPネットワーク上の
Real Time 同時 / 瞬時 / 即時の
Communication 通信 / 意思疎通
のためのオープン標準技術
独占
120年間、
電話会社が
リアルタイム
コミュニケーションを
独占
www.flickr.com/photos/mattb_tv/2550476978
破壊
NapsterやSkypeの
スーパーハッカーが
独占を破壊
www.flickr.com/photos/132889348@N07/18410514419
⺠主化
WebRTCにより
すべてのソフトウェアエンジニアが
リアルタイムコミュニケーションを
扱えるように
www.flickr.com/photos/tjflex/57210112
SkyWay Conference
ビデオ会議のサンプルアプリ
オープンソースで公開予定
特徴1
アプリ、ブラウザ、組み込み機器で使える
特徴2
映像、⾳声、データを送れる
特徴3
(できるだけ) P2Pでつながる
特徴3
(できるだけ) P2Pでつながる
➙低遅延、低コスト
WebRTCによる
イノベーション事例
右上にSkyWayのロゴ
があるのはSkyWayの
事例。
80% 20% 1%
80% of Youほとんどの企業の参考になる
企業活動にWebRTCを導⼊して改善する事例
他アプリや電話を使わずアプリ内でサポートが完結/ユーザの画⾯を共有
し遠隔操作/本⼈確認や困っている理由のヒアリングが不要
➙顧客満⾜度向上
サポート×WebRTC (Amazon Mayday)
www.youtube.com/watch?v=X40j57v5g6I
www.rakuten-life.co.jp/videochat/
インストール不要、ブラウザで利⽤できる/ユーザに⾼いITリテラシを
要求しない/⾒積もりフォームが連動
➙販売チャネル拡⼤
セールス×WebRTC (楽天⽣命 ネット保険デスク)
ハンズフリーでアドバイスを受けたりマニュアルを閲覧できる
➙作業効率化
作業×スマートグラス×WebRTC (三菱ふそう)
www.mitsubishi-fuso.com/oa/jp/news/news_content/161226/161226.html
20% of You⼀部の企業の参考になる
既存ビジネスとWebRTCを組み合わせることで
新しい価値が⽣まれる事例
サイネージでインフォメーションカウンター機能を提供/⾃動翻訳に対応
➙顧客満⾜度向上、訪⽇外国⼈対応、コスト削減
デジタルサイネージ×WebRTC (ニューフォリア)
www.youtube.com/watch?v=hJqNOc3OSdM
www.iptvforum.jp/info/2016/11181642.html
通販番組×WebRTC (TOKYO MX)
視聴中に商品情報をスマホにプッシュ通知/ワンタップでビデオ通話を
開始/本⼈確認が不要/テレビ画⾯を商品説明に利⽤可
➙顧客満⾜度向上、販売機会の拡⼤、コスト削減
スマホでオンライン診療
医療×WebRTC (CLINICS by MEDLEY)
www.youtube.com/watch?v=SLXf4KDhAxA
24時間365⽇11ヶ国語に対応したオンライン通訳
➙訪⽇外国⼈対応、コストダウン
通訳×WebRTC (テレビ de 通訳 by ポリグロットリンク)
polyglot-link.co.jp/service/
電話×手話×WebRTC (⽇本財団 電話リレーサービス)
聴覚障害者に電話の発着信を提供 ➙ 電話のバリアフリー化
www.youtube.com/watch?v=nIXjO9ZgPX8
Skypeのインストール不要/全国の⼩中⾼校に拡⼤中
➙10年後の18歳は英語が話せるようになっている!?
中学校×英語×WebRTC (QQEnglish)
www.youtube.com/watch?v=y9xihUrSGOg
2020年、⼤学⼊試にス
ピーキング追加。
⼩3から英語が必修化。
教育現場は英会話ブー
ム。先⽣が⾜りない。
40⼈学級なら40倍必要。
供給できるのはフィリ
ピンのみ。
Skypeはインストール
の⼿間がかかる。先⽣
はITサポート係ではな
い。⾒ず知らずの⼈と
話しができるツールで
もある。学校には
WebRTCが向いている。
SNS×WebRTC (ランダム通話アプリ)
itunes.apple.com/jp/app/ロンリー-ランダム通話アプリ/id1083978899?mt=8
スプラトゥーンに特化したボイスチャットアプリ/簡単な操作でグループ
分けを変更/LINEやSkypeの友達リストに追加不要
➙ゲームをもっと楽しく
オンラインゲーム×ボイスチャット×WebRTC (イカデンワ)
ikadenwa.ink
従来のストリーミングと⽐べ遅延が縮⼩(1分から1秒以下に)/
双⽅向のコミュニケーションが可能に
ゲーム実況×WebRTC (Mixer)
mixer.com
1% of You1%以下の挑戦者
WebRTCによって可能になった
まったく新しいビジネスの事例
amzn.asia/5mtpfDX
イノベーションにもい
ろいろある。Airbnbの
ようなソフト型。テス
ラのようなハード型。
スペースXのような、
スケールの⼤きなもの。
ここではハード型、ス
ケールの⼤きなものを
紹介する。
遅延が⼩さい/ロボットを操作できる/⽴体視できる
➙遠隔地で結婚式を体験できる
結婚式×WebRTC (HUG Wedding)
www.youtube.com/watch?v=xW_9od_Yzfc
孫の結婚式に出られ
ないおばあちゃんが、
VRで結婚式を体験で
きる。
デバイス×WebRTC (petoco by NTTドコモ)
家電とスマホ間のビデオ通話
www.youtube.com/watch?v=13X6cg7R3Po
ドコモのロボット⾵
デバイス。スマホと
ビデオ通話できる。
賞⾦総額3000万ドルの⺠間⽉⾯探査レース“Google Luna XPRIZE”などを
運営するXPRIZE財団の次期テーマに選定
アバターに瞬間移動することで旅の自由を実現
www.xprize.org/visioneers/2016/teams/avatar
視・聴・触覚を受信/運動信号を送信/アナログ接続
テレイグジスタンス・ロボット (Telesar V by 東京⼤学 舘研究室)
www.youtube.com/watch?v=KoC1iTOmYTg
テレイグジスタンス・ロボット×WebRTC (GITAI)
視・聴・触覚を受信/運動信号を送信/インターネットを越しにつながる
➙地球の裏側にも⾏ける
www.youtube.com/watch?v=UavOeUGbyng
WebRTCを使ったアプリの
開発⽅法
WebブラウザでWebRTCを動かす場合
対応ブラウザを使えばOK
2012 2013 2014 2015 2016 2017
2017/4 2017/9?
ネイティブアプリや組み込み機器で動かす場合
• libwebrtc
• React Native
• Cordova
• Crosswalk
いろんなオープンソースがあるが
どれを選んでも⼿間がかかる
• Electron
• WebRTC for UWP
• Janus
• UV4L
サーバを⽴てる
• PeerJS
• RFC5766-Turn-Server
• Coturn
• Kurento
いろんなオープンソースがあるが
⽚⼿間では難しい
• Jitsi
• Janus
• Licode
• MediaSoup
やってられるか!
サンプルアプリを動
かすまでは簡単。商
⽤サービスをやろう
と思うと⼤変になっ
てくる。
⼤丈夫、そもそも難しいのですjxck.hatenablog.com/entry/ortc-to-webrtcnv
著名なエンジニアは
総合格闘技と表現し
ている。
通話機能のために
エンジニアを1⼈雇
い、サーバを数台⽴
てて運⽤するのは、
負担が⼤きい。
そこでWebRTCプラットフォーム
• ⽶国企業
• ⾳声/ビデオ通話に
特化
• 通話時間による従量課⾦
tokbox.com
• ⽶国企業
• KDDIウェブコミュニケー
ションズが販売
• 電話APIでスタート、
後にビデオ通話にも対応
• 転送データ量による
従量課⾦
• 出展中!
twilio.kddi-web.com
• ⽇本のスタートアップ
• 定額的な課⾦
• アプリも開発してくれる
ようです
www.face-peer.com
• ⽇本のスタートアップ
• SFUサーバ「Sora」を
開発、1:多の配信が強み
• サービス利⽤契約では
なくライセンス契約
sora.shiguredo.jp
• NTTコミュニケーションズ
が開発・運営
• 映像、⾳声&データに対応
• 無料
• 出展中!
skyway.io
WebRTCプラットフォーム
SkyWay
skyway.io
コンセプト
リアルタイムコミュニケーションを
使ってイノベーションに挑戦する
世界中の開発者のための
WebRTCプラットフォーム
裏コンセプト
世界中の開発者に代わって
WebRTCのめんどくさいことを
引き受ける
4
years
7700
apps
5050
developers
0
free
99.9+%
availability
商⽤利⽤可
P2Pの多⼈数接続は負荷が⾼い
エンコード負荷と上りの帯域が限界に達する
エンコードはデコー
ドの100万倍重い。
⼈数が多くなると処
理能⼒を使い切る。
LTEは⾮対称で上り
が細い。⼈数が多く
なると上り回線を使
い切る。
SkyWayの提供するSFUで解決
SFU
サーバに送信し分配してもらう エンコードと上りの
数を減らせる。
2017/06/05
SkyWay IoT SDKを
オープンソース公開
組み込み機器にも対応
github.com/nttcom/skyway-iot-sdk
ロードマップ
(資料なし)
広報担当に怒られる
ので資料なし。
有償プランを準備中。
WebRTC Pavilion
写真
WebRTCで転送し3Dホログラムに表⽰!
セミナー開場を出て左へ進み左側!
まとめ
WebRTCを使った
多様なイノベーションが始まっている
そろそろWebRTCを使ってみよう

リアルタイムコミュニケーションでイノベーティブなサービスを作ろう ~WebRTCの最新イノベーション事例~