Click here to load reader
Upload
kensaku-komatsu
View
2.473
Download
13
Embed Size (px)
DESCRIPTION
2014.5.31(sat) に開催した「WebRTCを使って復興支援アプリを作ろう〜WebRTC アイデアソン〜」 http://codeforjapan.doorkeeper.jp/events/11305 でのWebRTCの紹介資料です。
Citation preview
Copyright © NTT Communications Corporation. All right reserved.
WebRTC を使って復興支援アプリを作ろう~ WebRTC アイディアソン~
WebRTC についての解説NTT コミュニケーションズ株式会社先端 IP アーキテクチャセンタWeb コア Technical Unit小松健作2014 年 5 月 30 日
Copyright © NTT Communications Corporation. All right reserved.
自己紹介
名前:小松健作所属: NTT communications
HTML5 の研究開発標準化活動( W3C )HTML5 の啓蒙・コミュニティ運営
Google Developer Expert (HTML5)
3Copyright © NTT Communications Corporation. All right reserved.
WebRTC とは?
4Copyright © NTT Communications Corporation. All right reserved.
ブラウザで p2p でのテレビ電話やファイル交換などを可能にする技術
Copyright © NTT Communications Corporation. All right reserved.
WebRTC とは
ブラウザでカメラとマイク、音声と映像を扱える。 ブラウザ間の直接通信、リアルタイム通信が可能になる。 情報が分散型へシフトする。
5
従来の Web WebRTC
カメラやマイクを利用可
リアルタイムに送
受信
ブラウザ間の直接通
信
サーバ⇔クライアント間の
通信
リクエストとレスポンスの
繰り返し
カメラやマイクの利用不可
6Copyright © NTT Communications Corporation. All right reserved.
WebRTC Reference App
https://apprtc.appspot.com/
7Copyright © NTT Communications Corporation. All right reserved.
Cube Slam
https://www.cubeslam.com/
8Copyright © NTT Communications Corporation. All right reserved.
WebRTC copy
https://rtccopy.com/
9Copyright © NTT Communications Corporation. All right reserved.
なにそれ?新しいの?
http://www.skype.com/
https://plus.google.com/hangouts
http://www.bittorrent.com/
10Copyright © NTT Communications Corporation. All right reserved.
Web は、ゲームチェンジャー
日記
ネイティブ地図アプリ
テキストチャット
p2p
blog
Google map
Twitter, facebook
???
Copyright © NTT Communications Corporation. All right reserved.
Search
現在の Web
Permanent
Copyright © NTT Communications Corporation. All right reserved.
Search
今後の Web はこんな感じ?
Permanent
Momentalモノ モノ
13Copyright © NTT Communications Corporation. All right reserved.
他の Web API とのマッシュアップ
13
14Copyright © NTT Communications Corporation. All right reserved.
YouTube と組み合わせたり
https://chat.skyway.io/
15Copyright © NTT Communications Corporation. All right reserved.
音声認識 API と組み合わせたり
https://skyway.io/examples/caption-phone/
16Copyright © NTT Communications Corporation. All right reserved.
サポート状況
17Copyright © NTT Communications Corporation. All right reserved.
WebRTC はブラウザだけのもの?
17
Copyright © NTT Communications Corporation. All right reserved.
Click to call
WebRTC-telephonyGateway
WebRTC VoIP, PSTN
19Copyright © NTT Communications Corporation. All right reserved.
M2M への期待
“ テレコミュニケーション 6 月号 p.24” (リックテレコム社)より
20Copyright © NTT Communications Corporation. All right reserved.
Chromecast
http://www.google.com/intl/ja_ALL/chrome/devices/chromecast/
21Copyright © NTT Communications Corporation. All right reserved.
Chromecast (cont.)
Home Network
再生指示 via WebRTC
Movie file via HTTP
Webof
Things
22Copyright © NTT Communications Corporation. All right reserved.
Platform としての WebRTC
専用アプリ
専用アプリ
専用ハード
専用アプリ
専用ハード
ブラウザ
ブラウザ
ここが共通化・標準化されるだけで、
相当嬉しい
23Copyright © NTT Communications Corporation. All right reserved.
Web ではすでに普通でしょ?
https://itunes.apple.com/jp/app/facebook/id284882215?mt=8
https://getpebble.com/
24Copyright © 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
25Copyright © NTT Communications Corporation. All right reserved.
SkyWay の概要
SkyWay を使えば簡単にWebRTC のアプリを開発できる
Copyright © NTT Communications Corporation. All right reserved.
SkyWay の概要
26
WebRTC 利用アプリを簡単に開発できるクラウド基盤
2013 年 12 月 5 日に提供開始
社外の約 600 名以上の開発者が利用している
提供内容• シグナリング等の API• ライブラリ• サンプルアプリ• ドキュメント
Copyright © NTT Communications Corporation. All right reserved.
WebRTC は Web 開発者にとって難しい技術
27
ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を行う必要があり、実装にはネットワークの知識が必要。
27ようやく直接通信できる
これらの通信が完了してから…
Copyright © NTT Communications Corporation. All right reserved.
SkyWay の特徴
28
SkyWay のシグナリング API とライブラリが複雑な処理を担うので、開発者は簡単に WebRTC 利用アプリを開発できる。
STUNAPI
SignalingAPI STUN
API
ライブラリ ライブラリ
API とライブラリが複雑な処理を担う
29Copyright © NTT Communications Corporation. All right reserved.
Conclusion
WebRTC とは?• Web で P2P ができるようになる技術
何が新しい?• 技術的には新しくない。 P2P のゲームチェンジャー• 他の Web 機能と容易に連携• ブラウザの枠を超え、 M2M にも期待
SkyWay• 難しいこと( Signalling とか)は、弊社にお任せ!!
30Copyright © NTT Communications Corporation. All right reserved.
WebRTC についてもっと知りたい方へ
http://html5experts.jp/tag/webrtc/
31Copyright © NTT Communications Corporation. All right reserved.
Thank you!!
31