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

WebRTC入門+最新動向
WebRTC入門+最新動向WebRTC入門+最新動向
WebRTC入門+最新動向Ryosuke Otsuya
 
WebRTCと ORTCについて 整理しておこう
WebRTCとORTCについて整理しておこうWebRTCとORTCについて整理しておこう
WebRTCと ORTCについて 整理しておこう彰 村地
 
WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会Yusuke Naka
 
はじめてのWebRTC/ORTC
はじめてのWebRTC/ORTCはじめてのWebRTC/ORTC
はじめてのWebRTC/ORTCYusuke Naka
 
エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策Kensaku Komatsu
 
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探るビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探るKensaku Komatsu
 
HTTP and 5G
HTTP and 5GHTTP and 5G
HTTP and 5Gdynamis
 
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-Yusuke Naka
 
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaSSkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaSKensaku Komatsu
 
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する〜Ryosuke Otsuya
 
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTCスマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTCNatsuki Yamanaka
 
Webrtc最新動向
Webrtc最新動向Webrtc最新動向
Webrtc最新動向Yusuke Naka
 
5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズ5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズYusuke Naka
 
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたちKensaku Komatsu
 

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 burgerTrishaMC
 
0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)0から始めるUXデザイン(UXデザインを知る)
0から始めるUXデザイン(UXデザインを知る)Jiji Kim
 
ビッグデータで開扉されるイノベーション社会
ビッグデータで開扉されるイノベーション社会ビッグデータで開扉されるイノベーション社会
ビッグデータで開扉されるイノベーション社会Osaka University
 
0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)0から始めるUXデザイン(UXデザインの組織を作る)
0から始めるUXデザイン(UXデザインの組織を作る)Jiji Kim
 
クラウド2.0のもたらす破壊力と大企業内でのイノベーション
クラウド2.0のもたらす破壊力と大企業内でのイノベーションクラウド2.0のもたらす破壊力と大企業内でのイノベーション
クラウド2.0のもたらす破壊力と大企業内でのイノベーションOsaka University
 
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 CompanyOsaka University
 
企業組織論としてのオープンイノベーション
企業組織論としてのオープンイノベーション企業組織論としてのオープンイノベーション
企業組織論としてのオープンイノベーションOsaka University
 
クラウド利用のポイントとソフトウェア開発イノベーション(Short)
クラウド利用のポイントとソフトウェア開発イノベーション(Short)クラウド利用のポイントとソフトウェア開発イノベーション(Short)
クラウド利用のポイントとソフトウェア開発イノベーション(Short)Osaka University
 
究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”Ryosuke Otsuya
 
AiとIoTによる産業最適化と社会問題解決
AiとIoTによる産業最適化と社会問題解決AiとIoTによる産業最適化と社会問題解決
AiとIoTによる産業最適化と社会問題解決Osaka University
 
ドコモの取り組みを事例としたクラウドとAi
ドコモの取り組みを事例としたクラウドとAi ドコモの取り組みを事例としたクラウドとAi
ドコモの取り組みを事例としたクラウドとAi Osaka University
 
チームでつくるUIデザイン
チームでつくるUIデザインチームでつくるUIデザイン
チームでつくるUIデザインSadaaki HIRAI
 
投資会社から見た人工知能(Ai)の事業化トレンド
投資会社から見た人工知能(Ai)の事業化トレンド投資会社から見た人工知能(Ai)の事業化トレンド
投資会社から見た人工知能(Ai)の事業化トレンドOsaka University
 
AI Monetization Landascape in US
AI Monetization Landascape in USAI Monetization Landascape in US
AI Monetization Landascape in USOsaka University
 
KPTの基本と、その活用法
KPTの基本と、その活用法KPTの基本と、その活用法
KPTの基本と、その活用法ESM SEC
 

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賞

WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI Kensaku Komatsu
 
SFUの話
SFUの話SFUの話
SFUの話tnoho
 
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性Kensaku Komatsu
 
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したことSkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したこと
SkyWayとWebRTC開発者コミュニティ4年間の軌跡とCMC_Meetupで学んだこと、実践したことYusuke Naka
 
14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会Kensaku Komatsu
 
レポート
レポートレポート
レポートxin song
 
レポート
レポートレポート
レポートxin song
 
WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装Yuta Suzuki
 
WebRTC概説(P2P)
WebRTC概説(P2P)WebRTC概説(P2P)
WebRTC概説(P2P)goforbroke
 
WebRTCについて
WebRTCについてWebRTCについて
WebRTCについてBeMarble
 
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTCiPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTCKensaku Komatsu
 
WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!Yusuke Naka
 
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 )Kensaku Komatsu
 
we are javascript LTの資料4
we are javascript LTの資料4we are javascript LTの資料4
we are javascript LTの資料4Yuuta Moriyama
 
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...Mickey Miki
 
02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshu02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshuKensaku Komatsu
 

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
 

Recently uploaded

動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Components動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Componentsokitamasashi
 
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元ivanwang53
 
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]Taka Narita
 
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法ivanwang53
 
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーンWindowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーンivanwang53
 
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docxWindows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docxivanwang53
 

Recently uploaded (6)

動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Components動的 & 非同期コンポーネント / Dynamic & Async Components
動的 & 非同期コンポーネント / Dynamic & Async Components
 
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
Windows 10、Windows 11の付箋を簡単に復元する6つの方法|データ復元
 
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
あらゆる通信環境で切れない「ネットモーション」のモバイルアクセス [NetMotion]
 
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
ダウンロードがダウンロード(Downloads)フォルダに表示されない」問題の対処法
 
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーンWindowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
Windowsアップデート後の黒い画面を修正する方法|データ復元|ブラックスクリーン
 
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docxWindows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
Windows Defenderのフル・クイック・カスタム・オフラインスキャンを実行する方法.docx
 

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のブームを起こしたい。 ご応募お待ちしています!