Soumettre la recherche
Mettre en ligne
WebRTC入門+最新動向
•
67 j'aime
•
19,214 vues
Ryosuke Otsuya
Suivre
第15回 HTML5+JS 勉強会 / WebRTC入門+最新動向 / ~本格的な普及が始まる前にマスターしておこう~
Lire moins
Lire la suite
Internet
Signaler
Partager
Signaler
Partager
1 sur 50
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
5分でわかるWebRTC
5分でわかるWebRTC
Ryosuke Otsuya
WebRTCの技術解説 公開版
WebRTCの技術解説 公開版
Contest Ntt-west
ここがつらいよWebRTC - WebRTC開発の落とし穴
ここがつらいよWebRTC - WebRTC開発の落とし穴
mganeko
SFUの話
SFUの話
tnoho
WebRTCの技術解説 第二版 公開版 本編
WebRTCの技術解説 第二版 公開版 本編
Contest Ntt-west
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
モノビット エンジン
WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!
Yusuke Naka
究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”
Ryosuke Otsuya
Recommandé
5分でわかるWebRTC
5分でわかるWebRTC
Ryosuke Otsuya
WebRTCの技術解説 公開版
WebRTCの技術解説 公開版
Contest Ntt-west
ここがつらいよWebRTC - WebRTC開発の落とし穴
ここがつらいよWebRTC - WebRTC開発の落とし穴
mganeko
SFUの話
SFUの話
tnoho
WebRTCの技術解説 第二版 公開版 本編
WebRTCの技術解説 第二版 公開版 本編
Contest Ntt-west
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
モノビット エンジン
WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!
Yusuke Naka
究極のゲーム用通信プロトコル “WebRTC”
究極のゲーム用通信プロトコル “WebRTC”
Ryosuke Otsuya
はじめてのWebRTC/ORTC
はじめてのWebRTC/ORTC
Yusuke Naka
OpenVRやOpenXRの基本的なことを調べてみた
OpenVRやOpenXRの基本的なことを調べてみた
Takahiro Miyaura
5G時代のアプリケーション開発とは - 5G+MECを活用した低遅延アプリの実現へ
5G時代のアプリケーション開発とは - 5G+MECを活用した低遅延アプリの実現へ
VirtualTech Japan Inc.
これからはじめるインフラエンジニア
これからはじめるインフラエンジニア
外道 父
Dockerからcontainerdへの移行
Dockerからcontainerdへの移行
Akihiro Suda
WebSocket / WebRTCの技術紹介
WebSocket / WebRTCの技術紹介
Yasuhiro Mawarimichi
WebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample update
mganeko
WebRTC研修
WebRTC研修
株式会社 NTTテクノクロス
究極のゲーム用通信プロトコルを探せ!
究極のゲーム用通信プロトコルを探せ!
Ryosuke Otsuya
コンテナ未経験新人が学ぶコンテナ技術入門
コンテナ未経験新人が学ぶコンテナ技術入門
Kohei Tokunaga
メタバースのビジネスモデルと技術限界
メタバースのビジネスモデルと技術限界
Ryo Kurauchi
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
Yusuke Naka
HTTPを理解する
HTTPを理解する
IIJ
⼤企業で実現するイマドキの内製開発
⼤企業で実現するイマドキの内製開発
NTT Communications Technology Development
【BS3】Visual Studio 2022 と .NET 6 での Windows アプリ開発技術の紹介
【BS3】Visual Studio 2022 と .NET 6 での Windows アプリ開発技術の紹介
日本マイクロソフト株式会社
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Masahito Zembutsu
Skywayのビデオチャットを録画しよう。そう、ブラウザでね
Skywayのビデオチャットを録画しよう。そう、ブラウザでね
mganeko
WebRTC入門 ~沖縄編~
WebRTC入門 ~沖縄編~
Ryosuke Otsuya
Mesh Bakerのご紹介 どんなアセット?
Mesh Bakerのご紹介 どんなアセット?
onotchi_
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
Yusuke Naka
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTC
Natsuki Yamanaka
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
Contenu connexe
Tendances
はじめてのWebRTC/ORTC
はじめてのWebRTC/ORTC
Yusuke Naka
OpenVRやOpenXRの基本的なことを調べてみた
OpenVRやOpenXRの基本的なことを調べてみた
Takahiro Miyaura
5G時代のアプリケーション開発とは - 5G+MECを活用した低遅延アプリの実現へ
5G時代のアプリケーション開発とは - 5G+MECを活用した低遅延アプリの実現へ
VirtualTech Japan Inc.
これからはじめるインフラエンジニア
これからはじめるインフラエンジニア
外道 父
Dockerからcontainerdへの移行
Dockerからcontainerdへの移行
Akihiro Suda
WebSocket / WebRTCの技術紹介
WebSocket / WebRTCの技術紹介
Yasuhiro Mawarimichi
WebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample update
mganeko
WebRTC研修
WebRTC研修
株式会社 NTTテクノクロス
究極のゲーム用通信プロトコルを探せ!
究極のゲーム用通信プロトコルを探せ!
Ryosuke Otsuya
コンテナ未経験新人が学ぶコンテナ技術入門
コンテナ未経験新人が学ぶコンテナ技術入門
Kohei Tokunaga
メタバースのビジネスモデルと技術限界
メタバースのビジネスモデルと技術限界
Ryo Kurauchi
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
Yusuke Naka
HTTPを理解する
HTTPを理解する
IIJ
⼤企業で実現するイマドキの内製開発
⼤企業で実現するイマドキの内製開発
NTT Communications Technology Development
【BS3】Visual Studio 2022 と .NET 6 での Windows アプリ開発技術の紹介
【BS3】Visual Studio 2022 と .NET 6 での Windows アプリ開発技術の紹介
日本マイクロソフト株式会社
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Masahito Zembutsu
Skywayのビデオチャットを録画しよう。そう、ブラウザでね
Skywayのビデオチャットを録画しよう。そう、ブラウザでね
mganeko
WebRTC入門 ~沖縄編~
WebRTC入門 ~沖縄編~
Ryosuke Otsuya
Mesh Bakerのご紹介 どんなアセット?
Mesh Bakerのご紹介 どんなアセット?
onotchi_
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
Yusuke Naka
Tendances
(20)
はじめてのWebRTC/ORTC
はじめてのWebRTC/ORTC
OpenVRやOpenXRの基本的なことを調べてみた
OpenVRやOpenXRの基本的なことを調べてみた
5G時代のアプリケーション開発とは - 5G+MECを活用した低遅延アプリの実現へ
5G時代のアプリケーション開発とは - 5G+MECを活用した低遅延アプリの実現へ
これからはじめるインフラエンジニア
これからはじめるインフラエンジニア
Dockerからcontainerdへの移行
Dockerからcontainerdへの移行
WebSocket / WebRTCの技術紹介
WebSocket / WebRTCの技術紹介
WebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample update
WebRTC研修
WebRTC研修
究極のゲーム用通信プロトコルを探せ!
究極のゲーム用通信プロトコルを探せ!
コンテナ未経験新人が学ぶコンテナ技術入門
コンテナ未経験新人が学ぶコンテナ技術入門
メタバースのビジネスモデルと技術限界
メタバースのビジネスモデルと技術限界
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
実践 WebRTC 〜最新事例と開発ノウハウの紹介〜
HTTPを理解する
HTTPを理解する
⼤企業で実現するイマドキの内製開発
⼤企業で実現するイマドキの内製開発
【BS3】Visual Studio 2022 と .NET 6 での Windows アプリ開発技術の紹介
【BS3】Visual Studio 2022 と .NET 6 での Windows アプリ開発技術の紹介
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Dockerの期待と現実~Docker都市伝説はなぜ生まれるのか~
Skywayのビデオチャットを録画しよう。そう、ブラウザでね
Skywayのビデオチャットを録画しよう。そう、ブラウザでね
WebRTC入門 ~沖縄編~
WebRTC入門 ~沖縄編~
Mesh Bakerのご紹介 どんなアセット?
Mesh Bakerのご紹介 どんなアセット?
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
En vedette
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTC
Natsuki Yamanaka
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
スマートフォンでのWebRTC活用
スマートフォンでのWebRTC活用
minamotot
WebRTC開発者向けプラットフォーム SkyWayの裏側
WebRTC開発者向けプラットフォーム SkyWayの裏側
Yusuke Naka
RTC POVs: Facebook Timeline for Pharma Brand Pages, April 2012
RTC POVs: Facebook Timeline for Pharma Brand Pages, April 2012
RTC
RTC Perspectives, May 2012: Thank You, Star Trek
RTC Perspectives, May 2012: Thank You, Star Trek
RTC
RTC Google Knowledge Graph POV June 2012
RTC Google Knowledge Graph POV June 2012
RTC
WebRTC Browsers n Stacks Implementation differences
WebRTC Browsers n Stacks Implementation differences
Alexandre Gouaillard
WebRTC getStats - WebRTC Meetup Tokyo 5 LT
WebRTC getStats - WebRTC Meetup Tokyo 5 LT
mganeko
Microsoft Edgeでサポートされる新しい API について
Microsoft Edgeでサポートされる新しい API について
Osamu Monoe
PeerConnectionリレーとMediaRecorder
PeerConnectionリレーとMediaRecorder
mganeko
Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜
Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜
Ryosuke Otsuya
WebRTC on Edge
WebRTC on Edge
Saki Homma
JIRAを使ったフツウのPJ実践
JIRAを使ったフツウのPJ実践
グロースエクスパートナーズ株式会社/Growth xPartners Incorporated.
WebRTCサービスを個人で運営してみた話
WebRTCサービスを個人で運営してみた話
Junki Mizushima
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
Kensaku Komatsu
チケット管理システム大決戦 JIRA vs Redmine vs Trac ユーザーが語る、なぜ私はこのツールを使うのか
チケット管理システム大決戦 JIRA vs Redmine vs Trac ユーザーが語る、なぜ私はこのツールを使うのか
Shunsuke (Sean) Osawa
Drupal 8 - モダンなアーキテクチャのPHPベースOSS CMS
Drupal 8 - モダンなアーキテクチャのPHPベースOSS CMS
Tomoki Hasegawa
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
Kensaku Komatsu
暗号化の歴史
暗号化の歴史
Takashi Abe
En vedette
(20)
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTC
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
スマートフォンでのWebRTC活用
スマートフォンでのWebRTC活用
WebRTC開発者向けプラットフォーム SkyWayの裏側
WebRTC開発者向けプラットフォーム SkyWayの裏側
RTC POVs: Facebook Timeline for Pharma Brand Pages, April 2012
RTC POVs: Facebook Timeline for Pharma Brand Pages, April 2012
RTC Perspectives, May 2012: Thank You, Star Trek
RTC Perspectives, May 2012: Thank You, Star Trek
RTC Google Knowledge Graph POV June 2012
RTC Google Knowledge Graph POV June 2012
WebRTC Browsers n Stacks Implementation differences
WebRTC Browsers n Stacks Implementation differences
WebRTC getStats - WebRTC Meetup Tokyo 5 LT
WebRTC getStats - WebRTC Meetup Tokyo 5 LT
Microsoft Edgeでサポートされる新しい API について
Microsoft Edgeでサポートされる新しい API について
PeerConnectionリレーとMediaRecorder
PeerConnectionリレーとMediaRecorder
Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜
Communication×Hack 事前スライド 〜WebRTCで次世代のコミュニケーションをHackする〜
WebRTC on Edge
WebRTC on Edge
JIRAを使ったフツウのPJ実践
JIRAを使ったフツウのPJ実践
WebRTCサービスを個人で運営してみた話
WebRTCサービスを個人で運営してみた話
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
ラズパイでWebRTC ヾ(*´∀`*)ノキャッキャ uv4l-webrtc 軽くハックしてみたよ!
チケット管理システム大決戦 JIRA vs Redmine vs Trac ユーザーが語る、なぜ私はこのツールを使うのか
チケット管理システム大決戦 JIRA vs Redmine vs Trac ユーザーが語る、なぜ私はこのツールを使うのか
Drupal 8 - モダンなアーキテクチャのPHPベースOSS CMS
Drupal 8 - モダンなアーキテクチャのPHPベースOSS CMS
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
暗号化の歴史
暗号化の歴史
Similaire à WebRTC入門+最新動向
WebRTCで動かす“テレイグジスタンス”ロボット
WebRTCで動かす“テレイグジスタンス”ロボット
NTT Communications Technology Development
WebRTCが拓く新たなWebビジネスの世界
WebRTCが拓く新たなWebビジネスの世界
Kensaku Komatsu
WebRTC の紹介
WebRTC の紹介
Kensaku Komatsu
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaS
Kensaku Komatsu
WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会
Yusuke Naka
エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策
Kensaku Komatsu
Web rtcの使い方
Web rtcの使い方
Kensaku Komatsu
SkyWay HandsOn
SkyWay HandsOn
Yusuke Naka
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTC
Kensaku Komatsu
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
Kensaku Komatsu
Software is eating the world
Software is eating the world
Osaka University
14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会
Kensaku Komatsu
02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshu
Kensaku Komatsu
HTML5 APIと組み合わせて作るWebRTCアプリ
HTML5 APIと組み合わせて作るWebRTCアプリ
WebRTCConferenceJapan
HTML5 APIと組み合わせて作るWebRTCアプリ
HTML5 APIと組み合わせて作るWebRTCアプリ
WebRTCConferenceJapan
HTML5 Night 2014 Web x Network Technology ( WebRTC )
HTML5 Night 2014 Web x Network Technology ( WebRTC )
Kensaku Komatsu
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
Mickey Miki
5jCup WebRTC賞
5jCup WebRTC賞
Yusuke Naka
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
Kensaku Komatsu
エンタープライズ環境におけるWebRTC活用のポイント
エンタープライズ環境におけるWebRTC活用のポイント
WebRTCConferenceJapan
Similaire à WebRTC入門+最新動向
(20)
WebRTCで動かす“テレイグジスタンス”ロボット
WebRTCで動かす“テレイグジスタンス”ロボット
WebRTCが拓く新たなWebビジネスの世界
WebRTCが拓く新たなWebビジネスの世界
WebRTC の紹介
WebRTC の紹介
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaS
WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会
エフサミ2014 web rtcの傾向と対策
エフサミ2014 web rtcの傾向と対策
Web rtcの使い方
Web rtcの使い方
SkyWay HandsOn
SkyWay HandsOn
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTC
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
WebRTCにより可視化されるリアルタイムクラウド。求められるAPI
Software is eating the world
Software is eating the world
14th apr2015 リックテレコ勉強会
14th apr2015 リックテレコ勉強会
02172016 web rtc_conf_komasshu
02172016 web rtc_conf_komasshu
HTML5 APIと組み合わせて作るWebRTCアプリ
HTML5 APIと組み合わせて作るWebRTCアプリ
HTML5 APIと組み合わせて作るWebRTCアプリ
HTML5 APIと組み合わせて作るWebRTCアプリ
HTML5 Night 2014 Web x Network Technology ( WebRTC )
HTML5 Night 2014 Web x Network Technology ( WebRTC )
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
Web RTCにより拓かれるコミュニケーションサービスの形 「新たなバリュー創造へ。ntt comのチャレンジ」webアプリケーション エバンジェリスト ...
5jCup WebRTC賞
5jCup WebRTC賞
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
エンタープライズ環境におけるWebRTC活用のポイント
エンタープライズ環境におけるWebRTC活用のポイント
Plus de Ryosuke Otsuya
リアルタイム議事録&翻訳付きのビデオ会議を作ろう ~WebRTCの最新動向~ SkyWay Media Pipeline Factory
リアルタイム議事録&翻訳付きのビデオ会議を作ろう ~WebRTCの最新動向~ SkyWay Media Pipeline Factory
Ryosuke Otsuya
WebRTCのビデオ通話でユーザ体験を変える ~WebRTCの最新事例集~
WebRTCのビデオ通話でユーザ体験を変える ~WebRTCの最新事例集~
Ryosuke Otsuya
超音波でフルメッシュボイスチャットを可視化してみた
超音波でフルメッシュボイスチャットを可視化してみた
Ryosuke Otsuya
reCAPTCHAとSkyWayのAPI認証で手軽に利用できて不正利用に強いアプリを作ろう
reCAPTCHAとSkyWayのAPI認証で手軽に利用できて不正利用に強いアプリを作ろう
Ryosuke Otsuya
リアルタイムコミュニケーションでイノベーティブなサービスを作ろう ~WebRTCの最新イノベーション事例~
リアルタイムコミュニケーションでイノベーティブなサービスを作ろう ~WebRTCの最新イノベーション事例~
Ryosuke Otsuya
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
Ryosuke Otsuya
大企業Hacks!
大企業Hacks!
Ryosuke Otsuya
WebRTCエキスパート座談会
WebRTCエキスパート座談会
Ryosuke Otsuya
日本で初開催!WebRTC Conference Japanに無料で入場する方法
日本で初開催!WebRTC Conference Japanに無料で入場する方法
Ryosuke Otsuya
HTML5 Japan Cup (5jCup) WebRTC賞
HTML5 Japan Cup (5jCup) WebRTC賞
Ryosuke Otsuya
Plus de Ryosuke Otsuya
(10)
リアルタイム議事録&翻訳付きのビデオ会議を作ろう ~WebRTCの最新動向~ SkyWay Media Pipeline Factory
リアルタイム議事録&翻訳付きのビデオ会議を作ろう ~WebRTCの最新動向~ SkyWay Media Pipeline Factory
WebRTCのビデオ通話でユーザ体験を変える ~WebRTCの最新事例集~
WebRTCのビデオ通話でユーザ体験を変える ~WebRTCの最新事例集~
超音波でフルメッシュボイスチャットを可視化してみた
超音波でフルメッシュボイスチャットを可視化してみた
reCAPTCHAとSkyWayのAPI認証で手軽に利用できて不正利用に強いアプリを作ろう
reCAPTCHAとSkyWayのAPI認証で手軽に利用できて不正利用に強いアプリを作ろう
リアルタイムコミュニケーションでイノベーティブなサービスを作ろう ~WebRTCの最新イノベーション事例~
リアルタイムコミュニケーションでイノベーティブなサービスを作ろう ~WebRTCの最新イノベーション事例~
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
大企業Hacks!
大企業Hacks!
WebRTCエキスパート座談会
WebRTCエキスパート座談会
日本で初開催!WebRTC Conference Japanに無料で入場する方法
日本で初開催!WebRTC Conference Japanに無料で入場する方法
HTML5 Japan Cup (5jCup) WebRTC賞
HTML5 Japan Cup (5jCup) WebRTC賞
WebRTC入門+最新動向
1.
Copyright © NTT
Communications Corporation. All right reserved. 第15回 HTML5+JS 勉強会 WebRTC⼊入⾨門+最新動向 ~本格的な普及が始まる前にマスターしておこう~ NTTコミュニケーションズ株式会社 技術開発部 Webコア Technical Unit ⼤大津⾕谷 2015年年7⽉月
2.
Copyright © NTT
Communications Corporation. All right reserved. ⾃自⼰己紹介 / ⼤大津⾕谷 亮亮祐(おおつや りょうすけ) n NTTコミュニケーションズの HTML5チームのリーダ n WebRTCプラットフォーム “SkyWay”のプロダクトマネージャ n WebRTC Conference Japan 幹事 n 神奈奈川県 葉葉⼭山町 在住 趣味は海と畑 2
3.
Copyright © NTT
Communications Corporation. All right reserved. 想定する聴講者 n /WebRTCのことを (知らない|なんとなく知っているが)、 (ほとんど)? 書いたことがないWebエンジニア/ 3
4.
Copyright © NTT
Communications Corporation. All right reserved. 伝えたいこと n WebRTCは、もう、商⽤用でも使える。 n WebRTCは、個⼈人のキャリアにとっても、 会社のビジネスにとっても、武器になる。 4
5.
5Copyright © NTT
Communications Corporation. All right reserved. WebRTCとは
6.
Copyright © NTT
Communications Corporation. All right reserved. リアルタイム・コミュニケーションの歴史 120年年の間、電話会社が リアルタイム・コミュニケーションを独占 6 www.flickr.com/photos/mattb_tv/2550476978
7.
Copyright © NTT
Communications Corporation. All right reserved. NapsterやSkype等のスーパーハッカーがインターネット でリアルタイム・コミュニケーションを実現、 電話会社とハッカーによる寡占が10年年続いた 7 www.flickr.com/photos/132889348@N07/18410514419
8.
Copyright © NTT
Communications Corporation. All right reserved. WebRTCによって、リアルタイム・コミュニケーションが 我々の⼿手に。 “リアルタイム・コミュニケーションの⺠民主化” 8 www.flickr.com/photos/tjflex/57210112
9.
Copyright © NTT
Communications Corporation. All right reserved. HTML5の全体像 n WebRTCはHTMLのAPIの1つ。 9 www.slideshare.net/dynamis/html-‐‑‒2012
10.
Copyright © NTT
Communications Corporation. All right reserved. 上司向けの説明 ブラウザでテレビ電話を実現する技術 10
11.
Copyright © NTT
Communications Corporation. All right reserved. Webエンジニア向けの説明 n ブラウザ間で直接通信ができる n ストリーミングデータを扱える n カメラとマイクを使える 11 従来のWeb WebRTC カメラやマイ クを利利⽤用可 ストリーミング データを扱える ブラウザ間 の直接通信 サーバ⇔ク ライアント 間の通信 リクエストと レスポンスの 繰り返し カメラやマイ クの利利⽤用不不可 サーバ サーバ
12.
Copyright © NTT
Communications Corporation. All right reserved. エンジニア向けの説明 1. ⾳音声、映像、データのリアルタイム通信のオープン標準 l 従来のサービス(LINE、Skype等)は独⾃自技術でできていた。 WebRTCはオープン標準、ライセンス使⽤用料料が不不要。 l 中⾝身は3つ。 ①⾳音声と映像の形式(コーデック) ②ネットワーク機器(NAT等)を越えて直接通信する⼿手順 ③暗号化、到達・順序保証、流流量量・輻輻輳制御を実現する プロトコル 2. ブラウザとネイティブアプリの両⽅方で利利⽤用できる l WebRTC対応ブラウザにURLを⼊入⼒力力するだけで、WebRTCを利利 ⽤用したサービスを利利⽤用できる。 l オープンソースのC++のコードを利利⽤用しコンパイルすれば、ネ イティブアプリにWebRTC機能を組み込むこともできる。 12
13.
Copyright © NTT
Communications Corporation. All right reserved. マーケティング的な説明 n コミュニケーションアプリが作れる n 家電、IoT分野で、リアルタイム通信が 必要な場合に使える(右の写真) n インストール不不要だから、サポートコストの 削減やITリテラシの低い層の利利⽤用が可能 n アプリやWebに組み込めるので、 ⼀一貫性のあるユーザ体験が実現できる (例例:Skype英会話に適⽤用) n 電話との連携 Chromecast Withings Home
14.
Copyright © NTT
Communications Corporation. All right reserved. WebRTCの対応状況 14 *1: プラグインで対応可 *2: 2015年年7⽉月発売のWindows 10で⼀一部サポート *3: Ericsson、Temasys等が推進する、オープンソースプロジェクト “WebRTC in WebKit” により、開発がほぼ完了了 OS アプリ Windows Mac Android iOS ネイティブアプリ ✔ ✔ ✔ ✔ Chrome ✔ ✔ ✔ ✘ Firefox ✔ ✔ ✔ IE ✘*1 Edge ✘*2 Safari ✘*1*3 ✘*3
15.
15Copyright © NTT
Communications Corporation. All right reserved. デモ
16.
Copyright © NTT
Communications Corporation. All right reserved. テレプレゼンス・ロボット n ビデオ会議機能を備えた遠隔操作ロボット 16 Romo by Romotive www.romotive.jp 15,660 Double by Double Robotics www.doublerobotics.com $2,499
17.
Copyright © NTT
Communications Corporation. All right reserved. イベント盛り上げ&質疑応答 n 2000⼈人規模のカンファレンス(HTML Conference 2013)会場で スマホで撮った約150名の来場者の顔を、壇上のスクリーンに表⽰示 17 SkyWay SkyWayで シグナリング カメラの映像を WebRTCで送信 HTML5 JUMBOTRON jt.skyway.io
18.
Copyright © NTT
Communications Corporation. All right reserved. イベント盛り上げ&質疑応答 n 2000⼈人規模のカンファレンス(HTML Conference 2013)会場で スマホで撮った約150名の来場者の顔を、壇上のスクリーンに表⽰示 18 SkyWay SkyWayで シグナリング カメラの映像を WebRTCで送信 HTML5 JUMBOTRON jt.skyway.io Windows, Mac, Android の Chrome, Firefox でアクセス is.gd/html5jt#0730
19.
19Copyright © NTT
Communications Corporation. All right reserved. WebRTCの技術解説 www.slideshare.net/yusukenaka52/webrtcortc-‐‑‒50153479 を著者の許可を得て⼀一部改編
20.
Copyright © NTT
Communications Corporation. All right reserved. NAT越え 2020 NAT NAT STUN サーバ Signaling サーバ STUN サーバ WebRTC Cli WebRTC Cli ICE • NAT越えの⼿手順 STUN • ⾃自分のグローバルIP、 ポート番号を知る • UDPホールパンチングという 仕組みでNATを越える TURN • どうしてもNATを越えられ ない場合はサーバで中継する • 8〜~9%はTURNが必要 TURN サーバ
21.
Copyright © NTT
Communications Corporation. All right reserved. UDPホールパンチング 21 NAT STUN NAT ※後述するNAT Typeにより挙動が変わります
22.
Copyright © NTT
Communications Corporation. All right reserved. UDPホールパンチング 22 俺のグローバル IPとポート番号 教えて 111.111.111.111 50000番やで NAT STUN NAT ※後述するNAT Typeにより挙動が変わります
23.
Copyright © NTT
Communications Corporation. All right reserved. UDPホールパンチング 23 俺のグローバル IPとポート番号 教えて 222.222.222.222 20000番やで NAT STUN NAT IP:111.111.111.111 PORT:10000番 ※後述するNAT Typeにより挙動が変わります
24.
Copyright © NTT
Communications Corporation. All right reserved. UDPホールパンチング 24 NAT STUN NAT IP:111.111.111.111 PORT:10000番 IP:222.222.222.222 PORT:20000番 互いのIPとPORTを何 らかの⼿手段で交換 (シグナリング) ※後述するNAT Typeにより挙動が変わります
25.
Copyright © NTT
Communications Corporation. All right reserved. UDPホールパンチング 25 NAT STUN NAT IP:222.222.222.222 PORT:20000番 IP:111.111.111.111 PORT:10000番 アクセスさせ てー! だめー。 ⽳穴開いた! ※後述するNAT Typeにより挙動が変わります
26.
Copyright © NTT
Communications Corporation. All right reserved. UDPホールパンチング 26 NAT STUN NAT IP:222.222.222.222 PORT:20000番 IP:111.111.111.111 PORT:10000番 通れる!! アクセスさせてー。 ⽳穴開いた! ※後述するNAT Typeにより挙動が変わります
27.
Copyright © NTT
Communications Corporation. All right reserved. UDPホールパンチング 27 NAT STUN NAT IP:222.222.222.222 PORT:20000番 IP:111.111.111.111 PORT:10000番 もしかして! 通れる! ※後述するNAT Typeにより挙動が変わります
28.
Copyright © NTT
Communications Corporation. All right reserved. TURNの使いどころ 28 どうしてもNATに⽳穴があかない場合はTURNを利利⽤用する 互いのNAT Type フルコーン 制限付きフ ルコーン ポート制限 付きフル コーン シンメト リック フルコーン STUN STUN STUN STUN 制限付きフ ルコーン STUN STUN STUN TURN ポート制限 付きフル コーン STUN STUN STUN TURN シンメト リック STUN TURN TURN TURN ※NAT Typeは厳密に細分化すると9パターンあります。 よ り セ キ ア よりセキュア ※もっと詳しく知りたい⽅方はこちら。 http://www.slideshare.net/iwashi86/webrtcnat-a-talk-on-nat-behind-webrtc
29.
Copyright © NTT
Communications Corporation. All right reserved. TURNリレー 29 シンメトリックNAT TURN シンメトリックNAT IP:222.222.222.222 PORT:20000番 IP:111.111.111.111 PORT:10000番 TURNサーバを中継する (中継するだけなので通信の中⾝身はわからない) IP:11.11.11.11 PORT:443 IP:11.11.11.11 PORT:443 TCPで通信可能TCPで通信可能 FW FW TCP443か、怪しくないな! クライアントはP2Pのつもり
30.
Copyright © NTT
Communications Corporation. All right reserved. TURNを使っても通らない場合がある 30 シンメトリックNAT TURN シンメトリックNAT IP:222.222.222.222 PORT:20000番 IP:111.111.111.111 PORT:10000番 IP:11.11.11.11 PORT:443 IP:11.11.11.11 PORT:443 Proxy Proxy おいおい、中⾝身が怪しいぞ! 例例えば、マイン・ザ・ミドル可能なProxyが存在する おいおい、中⾝身が怪しいぞ!
31.
Copyright © NTT
Communications Corporation. All right reserved. シグナリング 31 NAT NAT STUN サーバ Signaling サーバ STUN サーバ WebRTC Cli WebRTC Cli • NAT越えに必要な情報を交換する仕組み • プロトコルは定められていない SIP over WebSocket/XHR, XMPP over WebSocket/XHR, 独⾃自 over WebSocket/XHR等 • 情報の記述⽅方法は、SDPを⽤用いる と定められている
32.
Copyright © NTT
Communications Corporation. All right reserved. プロトコル・スタック n UDPの上で温故知新 32 chimera.labs.oreilly.com/books/1230000000545/ch18.html#_̲real_̲time_̲network_̲transports シグナリング 映像、⾳音声 データ
33.
33Copyright © NTT
Communications Corporation. All right reserved. WebRTCプラット フォームを利利⽤用する
34.
Copyright © NTT
Communications Corporation. All right reserved. NAT NAT SkyWay 34 n NTT Comが提供するWebRTCアプリ開発者向けプラットフォーム。 n 2013年年12⽉月5⽇日に提供開始 n 2000以上のアプリで利利⽤用 STUN API Signaling API STUN API ライブラリ ライブラリ 開発者はPeer to Peer通信のプログラ ミングに専念念できる SkyWayが シグナリングを 担うので、
35.
Copyright © NTT
Communications Corporation. All right reserved. SkyWayのサンプルコード n シンプルなビデオチャットならわずか⼗十数⾏行行で記述できる。 35 1. シグナリングサーバに接続する 4. (受信側の処理理) 相⼿手からビデオが送られてきたら、⾃自分のビデオを相⼿手に送る 3. (発信側の処理理) ブラウザの発信ボタンがクリックされたら、⾃自分のビデオを相⼿手に送る 2. カメラとマイクを起動し、⾃自分のビデオを表⽰示する 5. 相⼿手のビデオを表⽰示する github.com/nttcom/peerjs/tree/master/examples/videochat
36.
Copyright © NTT
Communications Corporation. All right reserved. SkyWayの機能⼀一覧 業界をリードするWebRTCプラットフォーム 36 分類 機能 説明 提供時期 API Basic シグナリング WebSocketとHTTPを併⽤用しP2P接続の確⽴立立を仲介 2013/12 NAT 越え STUN フルコーンNATに対し、UDPホールパンチングで NAT越えを実現 2013/12 Pro TURN UDPホールパンチングが不不可能な際に使⽤用するリ レーサーバ 2015/01 SDK/ ライブラリ Basic JavaScript SDK ブラウザで動作するWebアプリ向けSDK 2013/01 iOS/Android SDK iOS/Androidで動作するのネイティブアプリ向け SDK 2015/05 IE/Safariプラグイン 対応 WebRTC未対応のIE/SafariでもSkyWayを利利⽤用可能 にするTemasys社提供のブラウザプラグインに対応 2015/06 Pro ⾳音声認識識ライブラリ ⾳音声認識識(Speech-to-Text)を実現 2015/06 多⼈人数接続ライブラリ 多⼈人数フルメッシュ接続のビデオ会議アプリを容易易 に開発可能 2015/06 画⾯面共有ライブラリ 画⾯面共有機能を提供するライブラリおよびブラウザ 拡張機能 2015/06 ポータル Basic API設定変更更 APIキーの追加/削除、利利⽤用可能なドメインの追加/変 更更、TURN利利⽤用申請 2014/10 セキュリティ⽂文書 WebRTCのセキュリティ解説⽂文書をオープンソース 公開し企業でのWebRTC利利⽤用を促進 2015/06
37.
37Copyright © NTT
Communications Corporation. All right reserved. WebRTCの事例例
38.
Copyright © NTT
Communications Corporation. All right reserved. Amazon Mayday 38 www.youtube.com/watch?v=X40j57v5g6I
39.
Copyright © NTT
Communications Corporation. All right reserved. 楽天⽣生命 ネット保険デスク 39 www.rakuten-life.co.jp/videochat/
40.
Copyright © NTT
Communications Corporation. All right reserved. ChatWork Live 40 blog-ja.chatwork.com/2013/05/chatwork-live.html
41.
Copyright © NTT
Communications Corporation. All right reserved. MistCDN / フジテレビオンデマンド 41 fod.fujitv.co.jp/s/fodlabo/ 著作権に配慮
42.
Copyright © NTT
Communications Corporation. All right reserved. V-‐‑‒Sido n ⼈人型ロボットを制御するミドルウェア 42 ぶ し ど う www.asratec.co.jp/product/connect/webcon/
43.
Copyright © NTT
Communications Corporation. All right reserved. Romoでみつける!⼦子どもの表情(⽇日本科学未来館) n 遊び場の⼦子供の様⼦子を離離れた場所から⾒見見守る 43 www.miraikan.jst.go.jp/event/1503241118096.html
44.
Copyright © NTT
Communications Corporation. All right reserved. BestieBox n グループ向けコミュニケーションアプリの 無料料ビデオ通話機能に採⽤用 44 506506.ntt.com/smp_ap/bestiebox/
45.
45Copyright © NTT
Communications Corporation. All right reserved. WebRTCの最新動向
46.
Copyright © NTT
Communications Corporation. All right reserved. ORTC / Object RTCとは n 現⾏行行のWebRTCを改善すべく提案されたもう⼀一つのRTC API n W3CのORTC(Object Real-‐‑‒time Communications) Community Groupで議論論 46 www.slideshare.net/yusukenaka52/webrtcortc-50153479
47.
Copyright © NTT
Communications Corporation. All right reserved. IE / Microsoft Edgeは? n Edgeはカメラ・マイクの利利⽤用(getUserMedia API)に対応済み! ORTCも開発中! n IEはダメっぽい。 47 dev.modern.ie/platform/status/
48.
Copyright © NTT
Communications Corporation. All right reserved. Safari n EricssonとTemasysが、WebKitのWebRTC実装を⼿手伝っている 48
49.
49Copyright © NTT
Communications Corporation. All right reserved. 最後に
50.
Copyright © NTT
Communications Corporation. All right reserved. 最後に WebRTCを使って 世界を変えるサービスを作ろう! 50
Télécharger maintenant