Upload
kensaku-komatsu
View
517
Download
6
Embed Size (px)
DESCRIPTION
エフサミ2014の時の講演資料。WebRTCに関する概要説明と現在の状況、今後の可能性についての資料です。
Citation preview
Copyright © NTT Communications Corporation. All right reserved.
エフサミ 2014
WebRTC 傾向と対策
NTT コミュニケーションズ小松健作2014 年 7 月 12 日
Copyright © NTT Communications Corporation. All right reserved.
自己紹介
名前:小松健作所属: NTT communications
HTML5 の研究開発標準化活動( W3C )HTML5 の啓蒙・コミュニティ運営
Google Developer Expert (HTML5)
3Copyright © NTT Communications Corporation. All right reserved.
いきなりですがRobotics テレプレゼンスから
3
4Copyright © NTT Communications Corporation. All right reserved.
Romo
http://www.romotive.jp/
5Copyright © NTT Communications Corporation. All right reserved.
Double Robotics
http://www.doublerobotics.com/education/
6Copyright © NTT Communications Corporation. All right reserved.
WebRTC とは?
7Copyright © NTT Communications Corporation. All right reserved.
ブラウザで p2p でのテレビ電話やファイル交換などを可能にする API
Copyright © NTT Communications Corporation. All right reserved.
WebRTC とは
ブラウザでカメラとマイク、音声と映像を扱える。 ブラウザ間の直接通信、リアルタイム通信が可能になる。
8
従来の Web WebRTC
カメラやマイクを利用可
リアルタイムに送
受信
ブラウザ間の直接通
信
サーバ⇔クライアント間の
通信
リクエストとレスポンスの
繰り返し
カメラやマイクの利用不可
9Copyright © NTT Communications Corporation. All right reserved.
もうちょっと詳しく言うと
BrowserAPI
Protocol
GetUserMediaPeer to peer connections
JSEPSDPICE (STUN, TURN)SRTP, SCTP over DTLS
10Copyright © NTT Communications Corporation. All right reserved.
ざっくり言うと
End, End を簡単に繋げられるようになった
Browser Browser
NAT
FireWall
Proxy
11Copyright © NTT Communications Corporation. All right reserved.
WebRTC Reference App
https://apprtc.appspot.com/
12Copyright © NTT Communications Corporation. All right reserved.
Cube Slam
https://www.cubeslam.com/
13Copyright © NTT Communications Corporation. All right reserved.
WebRTC copy
https://rtccopy.com/
14Copyright © NTT Communications Corporation. All right reserved.
なにそれ?新しいの?
http://www.skype.com/
https://plus.google.com/hangouts
http://www.bittorrent.com/
15Copyright © NTT Communications Corporation. All right reserved.
Web はゲームチェンジャー
16Copyright © NTT Communications Corporation. All right reserved.
Web は、ゲームチェンジャー
日記
ネイティブ地図アプリ
テキストチャット
p2p
blog
Google map
Twitter, facebook
???
17Copyright © NTT Communications Corporation. All right reserved.
どんな感じで変わっていくのか・・・ドキドキ
17
18Copyright © NTT Communications Corporation. All right reserved.
その 1 : サーバーコストを下げる !!
19Copyright © NTT Communications Corporation. All right reserved.
これまでの Web のモデル
制御も、データもサーバー経由
20Copyright © NTT Communications Corporation. All right reserved.
WebRTC 時代のモデル
制御は、サーバー経由
データはダイレクト
極端に言うと、 Web ページ提供コストで、テレビ電話サービスが作れちゃう
21Copyright © NTT Communications Corporation. All right reserved.
Control Plane と Data Plane の分離 → 低コスト化
Control Plane
Data Plane
これからは、制御とデータを分離して低コストに
制御トラフィックだけなので、低コスト
データはNW に任せちゃおう
Copyright © NTT Communications Corporation. All right reserved.
Github page で気楽に app!!
https://komasshu-skyway-sample.github.io/clm2audio
23Copyright © NTT Communications Corporation. All right reserved.
その 2 : マッシュアップ
23
24Copyright © NTT Communications Corporation. All right reserved.
YouTube と組み合わせたり
https://chat.skyway.io/
25Copyright © NTT Communications Corporation. All right reserved.
音声認識 API と組み合わせたり
https://skyway.io/examples/caption-phone/
26Copyright © NTT Communications Corporation. All right reserved.
よく言われること
26
27Copyright © NTT Communications Corporation. All right reserved.
サポート状況
28Copyright © NTT Communications Corporation. All right reserved.
WebRTC はブラウザだけのもの?
28
29Copyright © NTT Communications Corporation. All right reserved.
Web とは言え、プロトコルは独立
BrowserAPI
Protocol
GetUserMediaPeer to peer connections
JSEPSDPICE (STUN, TURN)SRTP, SCTP over DTLS
30Copyright © NTT Communications Corporation. All right reserved.
HTTP のように独立したライブラリとして利用可能
XMLHTTPRequest HTTP
WebRTCBrowser API
WebRTCprotocol
Library(C/C++, JAVA
ruby, PHP, node …)
31Copyright © NTT Communications Corporation. All right reserved.
HTTP のように独立したライブラリとして利用可能
https://itunes.apple.com/jp/app/facebook/id284882215?mt=8
https://getpebble.com/
32Copyright © NTT Communications Corporation. All right reserved.
Platform としての WebRTC
専用アプリ
専用アプリ
専用ハード
専用アプリ
専用ハード
ブラウザ
ブラウザ
ここが共通化・標準化されるだけで、
相当嬉しい
33Copyright © NTT Communications Corporation. All right reserved.
WebRTC SDK, libraries for other env.
http://tokbox.com/opentok
http://js-platform.github.io/node-webrtc/
https://github.com/alongubkin/phonertc
http://www.webrtc.org/reference/native-apis
34Copyright © NTT Communications Corporation. All right reserved.
Chromecast
http://www.google.com/intl/ja_ALL/chrome/devices/chromecast/
35Copyright © NTT Communications Corporation. All right reserved.
Chromecast (cont.)
Home Network
再生指示 via WebRTC
Movie file via HTTP
Webof
Things
36Copyright © NTT Communications Corporation. All right reserved.
Romo
http://www.romotive.jp/
37Copyright © NTT Communications Corporation. All right reserved.
Double Robotics
http://www.doublerobotics.com/education/
38Copyright © NTT Communications Corporation. All right reserved.
自力で build したい人は
http://ninjanetic.com/how-to-get-started-with-webrtc-and-ios-without-wasting-10-hours-of-your-life/
39Copyright © NTT Communications Corporation. All right reserved.
そんな WebRTC をもっと普及させたい
Copyright © NTT Communications Corporation. All right reserved.
SkyWay の概要
40
WebRTC 利用アプリを簡単に開発できるクラウド基盤
2013 年 12 月 5 日に提供開始
社外 800 名以上の開発者が利用
提供内容• シグナリング等の API• ライブラリ• サンプルアプリ• ドキュメント
Copyright © NTT Communications Corporation. All right reserved.
WebRTC は Web 開発者にとって難しい技術
41
ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を行う必要があり、実装にはネットワークの知識が必要。
41ようやく直接通信できる
これらの通信が完了してから…
Copyright © NTT Communications Corporation. All right reserved.
SkyWay の特徴
42
SkyWay のシグナリング API とライブラリが複雑な処理を担うので、開発者は簡単に WebRTC 利用アプリを開発できる。
STUNAPI
SignalingAPI STUN
API
ライブラリ ライブラリ
API とライブラリが複雑な処理を担う
43Copyright © NTT Communications Corporation. All right reserved.
ハッカソンの開催
http://blog.hackcamp.jp/post/90629603062/ntt
2014.6.7( 土) ( CODE for JAPAN 共催)WebRTC を使って復興支援アプリを作ろう〜 WebRTC ハッカソン〜
44Copyright © NTT Communications Corporation. All right reserved.
WebRTC についてもっと知りたい方へ
http://html5experts.jp/tag/webrtc/
45Copyright © NTT Communications Corporation. All right reserved.
Thank you!!
45