HTML5 Japan Cup (5jCup) WebRTC賞

820 views

Published on

Published in: Internet
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
820
On SlideShare
0
From Embeds
0
Number of Embeds
24
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

HTML5 Japan Cup (5jCup) WebRTC賞

  1. 1. Copyright © NTT Communications Corporation. All right reserved. 5jCup WebRTC賞 NTT Communications HTML5 Lab 大津谷 2014年4月23日
  2. 2. 2Copyright © NTT Communications Corporation. All right reserved. WebRTCって何?
  3. 3. Copyright © NTT Communications Corporation. All right reserved. WebRTCって何? RTC = Real Time Communication Webブラウザで、 リアルタイムなコミュニケーション/通信 を利用できる技術 3
  4. 4. Copyright © NTT Communications Corporation. All right reserved. WebRTCって何? 技術的には3つの要素 1. ブラウザ間で直接通信できる 2. リアルタイム通信ができる 3. カメラとマイクを使える 4 従来のWeb WebRTC カメラやマイ クを利用可 リアルタイ ムに送受信 ブラウザ間 の直接通信 サーバ⇔ク ライアント 間の通信 リクエストと レスポンスの 繰り返し カメラやマイ クの利用不可
  5. 5. Copyright © NTT Communications Corporation. All right reserved. WebRTCって何? 利用例 ビデオチャット、ボイスチャット、 対戦ゲーム、ファイル転送、 ブラウザフォン… 5 従来のWeb WebRTC カメラやマイ クを利用可 リアルタイ ムに送受信 ブラウザ間 の直接通信 サーバ⇔ク ライアント 間の通信 リクエストと レスポンスの 繰り返し カメラやマイ クの利用不可
  6. 6. 6Copyright © NTT Communications Corporation. All right reserved. WebRTCの何がすごいの?
  7. 7. Copyright © NTT Communications Corporation. All right reserved. 7 https://www.flickr.com/photos/tjflex/57210112
  8. 8. Copyright © NTT Communications Corporation. All right reserved. 8 https://www.flickr.com/photos/mattb_tv/2550476978
  9. 9. Copyright © NTT Communications Corporation. All right reserved. WebRTCの何がすごいの? 9 今、HTML5デベロッパの手に! 通信キャリアとしては、ちょっと微妙…
  10. 10. 10Copyright © NTT Communications Corporation. All right reserved. WebRTC賞って?
  11. 11. Copyright © NTT Communications Corporation. All right reserved. WebRTC賞って? 11 日本に、WebRTCのブームを起こしたい。 その一心です。 詳しくはこちら https://5jcup.org/awards/ntt-com
  12. 12. 12Copyright © NTT Communications Corporation. All right reserved. 業務連絡 (SkyWayの宣伝)
  13. 13. Copyright © NTT Communications Corporation. All right reserved. WebRTCは、簡単だけど難しい 13 ブラウザ間で直接通信する前に、サーバ経由で「シグナリング」を 行う必要があり、実装にはネットワークの知識が必要 13ようやく直接通信できる これらの通信が 完了してから…
  14. 14. Copyright © NTT Communications Corporation. All right reserved. SkyWayを使えばかんたん 14 SkyWayのAPIとライブラリが複雑な処理をやってくれます。 開発者は、直接通信に専念できます。 STUN API Signaling API STUN API ライブラリ ライブラリ APIとライブ ラリが複雑な 処理を担う
  15. 15. Copyright © NTT Communications Corporation. All right reserved. SkyWayを使うには 15 http://skyway.io/ からAPIキーを申し込むだけ(無料) ハッカソンまでにGetしておいてね!
  16. 16. 16Copyright © NTT Communications Corporation. All right reserved. アイデアの種
  17. 17. Copyright © NTT Communications Corporation. All right reserved. アイデアの種 17 アプリのインストール不要 ログインも不要 URLをクリックするだけ https://chat.skyway.io/
  18. 18. Copyright © NTT Communications Corporation. All right reserved. アイデアの種 18 URLをクリックするだけ ITが苦手な人でも使える 実家の母ちゃんでも使える https://chat.skyway.io/
  19. 19. Copyright © NTT Communications Corporation. All right reserved. アイデアの種 19 ブラウザ間の直接通信 ネット上に記録が残らない 刹那的、揮発性
  20. 20. Copyright © NTT Communications Corporation. All right reserved. アイデアの種 20 デバイスと組み合わせる
  21. 21. Copyright © NTT Communications Corporation. All right reserved. アイデアの種 21 BitTorrentを作ろうとしている人も
  22. 22. Copyright © NTT Communications Corporation. All right reserved. 22 日本に、WebRTCのブームを起こしたい。 ご応募お待ちしています!

×