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

More Related Content

What's hot

What's hot (19)

WebRTC入門+最新動向
WebRTC入門+最新動向WebRTC入門+最新動向
WebRTC入門+最新動向
 
WebRTCと ORTCについて 整理しておこう
WebRTCとORTCについて整理しておこうWebRTCとORTCについて整理しておこう
WebRTCと ORTCについて 整理しておこう
 
WebRTC再び
WebRTC再びWebRTC再び
WebRTC再び
 
WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会
 
はじめてのWebRTC/ORTC
はじめてのWebRTC/ORTCはじめてのWebRTC/ORTC
はじめてのWebRTC/ORTC
 
WebRTC の紹介
WebRTC の紹介WebRTC の紹介
WebRTC の紹介
 
エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策
 
SkyWay HandsOn
SkyWay HandsOnSkyWay HandsOn
SkyWay HandsOn
 
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探るビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5G
 
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
 
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaSSkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaS
 
5分でわかるWebRTCの仕組み - html5minutes vol.01
5分でわかるWebRTCの仕組み - html5minutes vol.015分でわかるWebRTCの仕組み - html5minutes vol.01
5分でわかるWebRTCの仕組み - html5minutes vol.01
 
Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜
Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜
Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜
 
社内勉強会を継続成長させる方法
社内勉強会を継続成長させる方法社内勉強会を継続成長させる方法
社内勉強会を継続成長させる方法
 
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTCスマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTC
 
Webrtc最新動向
Webrtc最新動向Webrtc最新動向
Webrtc最新動向
 
5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズ5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズ
 
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
 

Viewers also liked

Better burger
Better burgerBetter burger
Better burger
TrishaMC
 
企業組織論としてのオープンイノベーション
企業組織論としてのオープンイノベーション企業組織論としてのオープンイノベーション
企業組織論としてのオープンイノベーション
Osaka University
 
AiとIoTによる産業最適化と社会問題解決
AiとIoTによる産業最適化と社会問題解決AiとIoTによる産業最適化と社会問題解決
AiとIoTによる産業最適化と社会問題解決
Osaka University
 

Viewers also liked (18)

Better burger
Better burgerBetter burger
Better burger
 
Bermuda triangle
Bermuda triangleBermuda triangle
Bermuda triangle
 
Kasus korupsi pkn
Kasus korupsi  pknKasus korupsi  pkn
Kasus korupsi pkn
 
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)
 
ビッグデータで開扉されるイノベーション社会
ビッグデータで開扉されるイノベーション社会ビッグデータで開扉されるイノベーション社会
ビッグデータで開扉されるイノベーション社会
 
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)
 
クラウド2.0のもたらす破壊力と大企業内でのイノベーション
クラウド2.0のもたらす破壊力と大企業内でのイノベーションクラウド2.0のもたらす破壊力と大企業内でのイノベーション
クラウド2.0のもたらす破壊力と大企業内でのイノベーション
 
39works: Pursuing Innovations in a Big Company
39works: Pursuing Innovations in a Big Company39works: Pursuing Innovations in a Big Company
39works: Pursuing Innovations in a Big Company
 
大企業Hacks!
大企業Hacks!大企業Hacks!
大企業Hacks!
 
企業組織論としてのオープンイノベーション
企業組織論としてのオープンイノベーション企業組織論としてのオープンイノベーション
企業組織論としてのオープンイノベーション
 
クラウド利用のポイントとソフトウェア開発イノベーション(Short)
クラウド利用のポイントとソフトウェア開発イノベーション(Short)クラウド利用のポイントとソフトウェア開発イノベーション(Short)
クラウド利用のポイントとソフトウェア開発イノベーション(Short)
 
究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”
 
AiとIoTによる産業最適化と社会問題解決
AiとIoTによる産業最適化と社会問題解決AiとIoTによる産業最適化と社会問題解決
AiとIoTによる産業最適化と社会問題解決
 
ドコモの取り組みを事例としたクラウドとAi
ドコモの取り組みを事例としたクラウドとAi ドコモの取り組みを事例としたクラウドとAi
ドコモの取り組みを事例としたクラウドとAi
 
チームでつくるUIデザイン
チームでつくるUIデザインチームでつくるUIデザイン
チームでつくるUIデザイン
 
投資会社から見た人工知能(Ai)の事業化トレンド
投資会社から見た人工知能(Ai)の事業化トレンド投資会社から見た人工知能(Ai)の事業化トレンド
投資会社から見た人工知能(Ai)の事業化トレンド
 
AI Monetization Landascape in US
AI Monetization Landascape in USAI Monetization Landascape in US
AI Monetization Landascape in US
 
KPTの基本と、その活用法
KPTの基本と、その活用法KPTの基本と、その活用法
KPTの基本と、その活用法
 

Similar to HTML5 Japan Cup (5jCup) WebRTC賞

SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したことSkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
Yusuke Naka
 
レポート
レポートレポート
レポート
xin song
 
レポート
レポートレポート
レポート
xin song
 

Similar to HTML5 Japan Cup (5jCup) WebRTC賞 (20)

5jCup WebRTC賞
5jCup WebRTC賞5jCup WebRTC賞
5jCup WebRTC賞
 
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
 
SFUの話
SFUの話SFUの話
SFUの話
 
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
 
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したことSkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
 
14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会
 
WebRTCで動かす“テレイグジスタンス”ロボット
WebRTCで動かす“テレイグジスタンス”ロボットWebRTCで動かす“テレイグジスタンス”ロボット
WebRTCで動かす“テレイグジスタンス”ロボット
 
レポート
レポートレポート
レポート
 
レポート
レポートレポート
レポート
 
WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装
 
WebRTC概説(P2P)
WebRTC概説(P2P)WebRTC概説(P2P)
WebRTC概説(P2P)
 
WebRTCの話
WebRTCの話WebRTCの話
WebRTCの話
 
WebRTCについて
WebRTCについてWebRTCについて
WebRTCについて
 
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTCiPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTC
 
WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!
 
HTML5 Night 2014 Web x Network Technology ( WebRTC )
HTML5 Night 2014 Web x Network Technology ( WebRTC )HTML5 Night 2014 Web x Network Technology ( WebRTC )
HTML5 Night 2014 Web x Network Technology ( WebRTC )
 
we are javascript LTの資料4
we are javascript LTの資料4we are javascript LTの資料4
we are javascript LTの資料4
 
SkyWay Vision & Mission
SkyWay Vision & MissionSkyWay Vision & Mission
SkyWay Vision & Mission
 
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
 
02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshu02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshu
 

HTML5 Japan Cup (5jCup) WebRTC賞

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