WebRTC の紹介

Copyright © NTT Communications Corporation. All right reserved.

WebRTC を使って復興支援アプリを作ろう～ WebRTC アイディアソン～

WebRTC についての解説NTT コミュニケーションズ株式会社先端 IP アーキテクチャセンタWeb コア Technical Unit小松健作2014 年 5 月 30 日


自己紹介

名前：小松健作所属： NTT communications

HTML5 の研究開発標準化活動（ W3C ）HTML5 の啓蒙・コミュニティ運営

Google Developer Expert (HTML5)

3Copyright © NTT Communications Corporation. All right reserved.

WebRTC とは？


ブラウザで p2p でのテレビ電話やファイル交換などを可能にする技術


WebRTC とは

ブラウザでカメラとマイク、音声と映像を扱える。ブラウザ間の直接通信、リアルタイム通信が可能になる。情報が分散型へシフトする。

5

従来の Web WebRTC

カメラやマイクを利用可

リアルタイムに送

受信

ブラウザ間の直接通

信

サーバ⇔クライアント間の

通信

リクエストとレスポンスの

繰り返し

カメラやマイクの利用不可


WebRTC Reference App

https://apprtc.appspot.com/


Cube Slam

https://www.cubeslam.com/


WebRTC copy

https://rtccopy.com/


なにそれ？新しいの？

http://www.skype.com/

https://plus.google.com/hangouts

http://www.bittorrent.com/


Web は、ゲームチェンジャー

日記

ネイティブ地図アプリ

テキストチャット

p2p

blog

Google map

Twitter, facebook

???


Search

現在の Web

Permanent


Search

今後の Web はこんな感じ？

Permanent

Momentalモノモノ


他の Web API とのマッシュアップ

13


YouTube と組み合わせたり

https://chat.skyway.io/


音声認識 API と組み合わせたり

https://skyway.io/examples/caption-phone/


サポート状況


WebRTC はブラウザだけのもの？

17


Click to call

WebRTC-telephonyGateway

WebRTC VoIP, PSTN


M2M への期待

“ テレコミュニケーション 6 月号 p.24” （リックテレコム社）より


Chromecast

http://www.google.com/intl/ja_ALL/chrome/devices/chromecast/


Chromecast (cont.)

Home Network

再生指示 via WebRTC

Movie file via HTTP

Webof

Things


Platform としての WebRTC

専用アプリ

専用アプリ

専用ハード

専用アプリ

専用ハード

ブラウザ

ブラウザ

ここが共通化・標準化されるだけで、

相当嬉しい


Web ではすでに普通でしょ？

https://itunes.apple.com/jp/app/facebook/id284882215?mt=8

https://getpebble.com/


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


SkyWay の概要

SkyWay を使えば簡単にWebRTC のアプリを開発できる


SkyWay の概要

26

WebRTC 利用アプリを簡単に開発できるクラウド基盤

2013 年 12 月 5 日に提供開始

社外の約 600 名以上の開発者が利用している

提供内容• シグナリング等の API• ライブラリ• サンプルアプリ• ドキュメント


WebRTC は Web 開発者にとって難しい技術

27

ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を行う必要があり、実装にはネットワークの知識が必要。

27ようやく直接通信できる

これらの通信が完了してから…


SkyWay の特徴

28

SkyWay のシグナリング API とライブラリが複雑な処理を担うので、開発者は簡単に WebRTC 利用アプリを開発できる。

STUNAPI

SignalingAPI STUN

API

ライブラリライブラリ

API とライブラリが複雑な処理を担う


Conclusion

WebRTC とは？• Web で P2P ができるようになる技術

何が新しい？• 技術的には新しくない。 P2P のゲームチェンジャー• 他の Web 機能と容易に連携• ブラウザの枠を超え、 M2M にも期待

SkyWay• 難しいこと（ Signalling とか）は、弊社にお任せ！！


WebRTC についてもっと知りたい方へ

http://html5experts.jp/tag/webrtc/


Thank you!!

31

Technology

WebRTC の紹介