HTML5 Japan Cup (5jCup) WebRTC賞

Copyright © NTT Communications Corporation. All right reserved.

5jCup WebRTC 賞

NTT CommunicationsHTML5 Lab大津谷2014 年 4 月 23日

2Copyright © NTT Communications Corporation. All right reserved.

WebRTC って何？


WebRTC って何？

RTC = Real Time Communication

Web ブラウザで、リアルタイムなコミュニケーション／通信を利用できる技術


WebRTC って何？

技術的には 3 つの要素1. ブラウザ間で直接通信できる2. リアルタイム通信ができる3. カメラとマイクを使える

4

従来の Web WebRTC

カメラやマイクを利用可

リアルタイムに送

受信

ブラウザ間の直接通

信

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

通信

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

繰り返し

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


WebRTC って何？

利用例ビデオチャット、ボイスチャット、対戦ゲーム、ファイル転送、ブラウザフォン…

5

従来の Web WebRTC

カメラやマイクを利用可

リアルタイムに送

受信

ブラウザ間の直接通

信

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

通信

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

繰り返し

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


WebRTC の何がすごいの？



7

リアルタイムコミュニケーションの民主化

https://www.flickr.com/photos/tjflex/57210112



8

従来のリアルタイムコミュニケーションといえば、電話、 Skype 、 Napster…

リアルタイムコミュニケーションは、通信キャリアか天才ハッカーのものだった

https://www.flickr.com/photos/mattb_tv/2550476978



9

今、 HTML5 デベロッパの手に！

通信キャリアとしては、ちょっと微妙…


WebRTC 賞って？


WebRTC 賞って？

11

日本に、 WebRTC のブームを起こしたい。

その一心です。

詳しくはこちらhttps://5jcup.org/awards/ntt-com

https://5jcup.org/awards/ntt-com

https://5jcup.org/awards/ntt-com


業務連絡 (SkyWay の宣伝）


WebRTC は、簡単だけど難しい

13

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

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

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


SkyWay を使えばかんたん

14

SkyWay の API とライブラリが複雑な処理をやってくれます。開発者は、直接通信に専念できます。

STUNAPI

SignalingAPI STUN

API

ライブラリライブラリ

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


SkyWay を使うには

15

http://skyway.io/ から API キーを申し込むだけ（無料）ハッカソンまでに Get しておいてね！

http://skyway.io/


アイデアの種


アイデアの種

17

アプリのインストール不要ログインも不要

URL をクリックするだけ

https://chat.skyway.io/


アイデアの種

18

URL をクリックするだけIT が苦手な人でも使える

実家の母ちゃんでも使える

https://chat.skyway.io/


アイデアの種

19

ブラウザ間の直接通信ネット上に記録が残らない

刹那的、揮発性


アイデアの種

20

デバイスと組み合わせる


アイデアの種

21

BitTorrent を作ろうとしている人も

Copyright © NTT Communications Corporation. All right reserved.22

日本に、 WebRTC のブームを起こしたい。

ご応募お待ちしています！

Internet

HTML5 Japan Cup (5jCup) WebRTC賞