Submit Search
Upload
WebRTC再び
•
0 likes
•
3,126 views
S
Shigeyuki Takeuchi
Follow
Technology
Report
Share
Report
Share
1 of 9
Download now
Download to read offline
Recommended
スマートフォンでのWebRTC活用
スマートフォンでのWebRTC活用
minamotot
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTC
Natsuki Yamanaka
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTC
Kensaku Komatsu
はじめてのWebRTC/ORTC
はじめてのWebRTC/ORTC
Yusuke Naka
WebRTCとORTCについて整理しておこう
WebRTCとORTCについて整理しておこう
彰 村地
WebRTC入門+最新動向
WebRTC入門+最新動向
Ryosuke Otsuya
5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズ
Yusuke Naka
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
Kensaku Komatsu
Recommended
スマートフォンでのWebRTC活用
スマートフォンでのWebRTC活用
minamotot
スマホ(Android・iPhone)でWebRTC
スマホ(Android・iPhone)でWebRTC
Natsuki Yamanaka
iPhoneでなんちゃってWebRTC
iPhoneでなんちゃってWebRTC
Kensaku Komatsu
はじめてのWebRTC/ORTC
はじめてのWebRTC/ORTC
Yusuke Naka
WebRTCとORTCについて整理しておこう
WebRTCとORTCについて整理しておこう
彰 村地
WebRTC入門+最新動向
WebRTC入門+最新動向
Ryosuke Otsuya
5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズ
Yusuke Naka
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
Kensaku Komatsu
2013 WebRTC node
2013 WebRTC node
mganeko
WebRTCエキスパート座談会
WebRTCエキスパート座談会
Ryosuke Otsuya
5分でわかるWebRTCの仕組み - html5minutes vol.01
5分でわかるWebRTCの仕組み - html5minutes vol.01
西畑 一馬
WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会
Yusuke Naka
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaS
Kensaku Komatsu
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
Yusuke Naka
WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!
Yusuke Naka
5分でわかるWebRTC
5分でわかるWebRTC
Ryosuke Otsuya
Web rtcの使い方
Web rtcの使い方
Kensaku Komatsu
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
Device WebAPI Consortium
WebRTC入門 ~沖縄編~
WebRTC入門 ~沖縄編~
Ryosuke Otsuya
WebRTCとSFU
WebRTCとSFU
Saki Homma
日本で初開催!WebRTC Conference Japanに無料で入場する方法
日本で初開催!WebRTC Conference Japanに無料で入場する方法
Ryosuke Otsuya
Webrtc最新動向
Webrtc最新動向
Yusuke Naka
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
Ryosuke Otsuya
WebRTCのオーディオ処理の謎、誰か教えて!
WebRTCのオーディオ処理の謎、誰か教えて!
mganeko
SkyWay HandsOn
SkyWay HandsOn
Yusuke Naka
PeerConnectionリレーとMediaRecorder
PeerConnectionリレーとMediaRecorder
mganeko
Vuzix Developer Conference
Vuzix Developer Conference
Keiji Ariyama
レポート
レポート
xin song
More Related Content
What's hot
2013 WebRTC node
2013 WebRTC node
mganeko
WebRTCエキスパート座談会
WebRTCエキスパート座談会
Ryosuke Otsuya
5分でわかるWebRTCの仕組み - html5minutes vol.01
5分でわかるWebRTCの仕組み - html5minutes vol.01
西畑 一馬
WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会
Yusuke Naka
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
Kensaku Komatsu
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaS
Kensaku Komatsu
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
Yusuke Naka
WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!
Yusuke Naka
5分でわかるWebRTC
5分でわかるWebRTC
Ryosuke Otsuya
Web rtcの使い方
Web rtcの使い方
Kensaku Komatsu
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
Device WebAPI Consortium
WebRTC入門 ~沖縄編~
WebRTC入門 ~沖縄編~
Ryosuke Otsuya
WebRTCとSFU
WebRTCとSFU
Saki Homma
日本で初開催!WebRTC Conference Japanに無料で入場する方法
日本で初開催!WebRTC Conference Japanに無料で入場する方法
Ryosuke Otsuya
Webrtc最新動向
Webrtc最新動向
Yusuke Naka
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
Ryosuke Otsuya
WebRTCのオーディオ処理の謎、誰か教えて!
WebRTCのオーディオ処理の謎、誰か教えて!
mganeko
SkyWay HandsOn
SkyWay HandsOn
Yusuke Naka
PeerConnectionリレーとMediaRecorder
PeerConnectionリレーとMediaRecorder
mganeko
What's hot
(20)
2013 WebRTC node
2013 WebRTC node
WebRTCエキスパート座談会
WebRTCエキスパート座談会
5分でわかるWebRTCの仕組み - html5minutes vol.01
5分でわかるWebRTCの仕組み - html5minutes vol.01
WebRTCを始めよう! HTML5fun 第一回勉強会
WebRTCを始めよう! HTML5fun 第一回勉強会
知ってると得するかもしれないConstraintsたち
知ってると得するかもしれないConstraintsたち
SkyWay国内唯一のCPaaS
SkyWay国内唯一のCPaaS
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
注目の最新技術「WebRTC」とは? -技術概要と事例紹介-
WebRTC/ORTCの最新動向まるわかり!
WebRTC/ORTCの最新動向まるわかり!
5分でわかるWebRTC
5分でわかるWebRTC
Web rtcの使い方
Web rtcの使い方
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
色々なデバイスの映像を使ったWebブラウザでのWebRTC映像中継(GotAPIからのWebRTC利用)
WebRTC入門 ~沖縄編~
WebRTC入門 ~沖縄編~
WebRTCとSFU
WebRTCとSFU
日本で初開催!WebRTC Conference Japanに無料で入場する方法
日本で初開催!WebRTC Conference Japanに無料で入場する方法
Webrtc最新動向
Webrtc最新動向
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
WebRTCでアプリやIoT機器にリアルタイム・コミュニケーションを追加しよう
WebRTCのオーディオ処理の謎、誰か教えて!
WebRTCのオーディオ処理の謎、誰か教えて!
SkyWay HandsOn
SkyWay HandsOn
PeerConnectionリレーとMediaRecorder
PeerConnectionリレーとMediaRecorder
Similar to WebRTC再び
Vuzix Developer Conference
Vuzix Developer Conference
Keiji Ariyama
レポート
レポート
xin song
レポート
レポート
xin song
WebRTC概説(P2P)
WebRTC概説(P2P)
goforbroke
WebRTCの話
WebRTCの話
You_Kinjoh
WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装
Yuta Suzuki
Magic Leap で WebRTC 触ってみた
Magic Leap で WebRTC 触ってみた
NishoMatsusita
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
You_Kinjoh
About WebRTC
About WebRTC
Seiya Konno
クラウドサービスを使って作る動画サイト?
クラウドサービスを使って作る動画サイト?
Daichi Isami
WebRTCについて
WebRTCについて
BeMarble
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
dynamis
SkyWayで作るボイスチャット
SkyWayで作るボイスチャット
tioken
Web OSで可能になる世界
Web OSで可能になる世界
Kensaku Komatsu
SFUの話
SFUの話
tnoho
HTML5開発最前線
HTML5開発最前線
yoshikawa_t
H T M L5 入門編
H T M L5 入門編
ngi group.
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要
yoshikawa_t
WebRTCについてざっと
WebRTCについてざっと
Fumiyasu Sumiya
AndroidでWebSocket
AndroidでWebSocket
Kohei Kadowaki
Similar to WebRTC再び
(20)
Vuzix Developer Conference
Vuzix Developer Conference
レポート
レポート
レポート
レポート
WebRTC概説(P2P)
WebRTC概説(P2P)
WebRTCの話
WebRTCの話
WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装
Magic Leap で WebRTC 触ってみた
Magic Leap で WebRTC 触ってみた
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
About WebRTC
About WebRTC
クラウドサービスを使って作る動画サイト?
クラウドサービスを使って作る動画サイト?
WebRTCについて
WebRTCについて
Firefox OS - Blaze Your Own Path
Firefox OS - Blaze Your Own Path
SkyWayで作るボイスチャット
SkyWayで作るボイスチャット
Web OSで可能になる世界
Web OSで可能になる世界
SFUの話
SFUの話
HTML5開発最前線
HTML5開発最前線
H T M L5 入門編
H T M L5 入門編
いまさら聞けないHTML5概要
いまさら聞けないHTML5概要
WebRTCについてざっと
WebRTCについてざっと
AndroidでWebSocket
AndroidでWebSocket
Recently uploaded
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
Hiroshi Tomioka
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
Recently uploaded
(9)
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版) 2024年4月作成
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
WebRTC再び
1.
WebRTC再び Shigeyuki Takeuchi@13/12/20 Xtone勉強会
2.
WebRTCって? WebRTC(Web Real-Time Communications)は W3Cが提唱するブラウザでリアルタイムコミュニ ケーションを可能にするAPI群で、ビデオ・ボイスで のチャットなどを提供します。 現在はまだドラフト段階です http://www.webrtc.org/
3.
サポートするブラウザが増えました ※2013/12現在(http://caniuse.com/stream) Androidでも使えた・AppleとMSは実装に消極的
4.
iOSは・・・ Safariは非対応なので、Chromeでも試したけれど も・・・ flagsがない orz
5.
接続フロー STUN サーバ 1.グローバルIPとポートを取得 ブラウザA ブラウザB 3.P2Pで直接接続 2.グローバルIPとポートなどの接 続情報を交換 アプリ サーバ
6.
API構成 ● getUserMedia カメラやマイクから入力された映像・音声をWebブラウザへ取り込む ● RTCPeerConnection ブラウザ間でコネクションを貼り、映像・音声のストリームを送受信 ●
RTCDataChannel ブラウザ間でバイナリデータを送受信 ● RTCIceCandidate NAT超えのための仕組みを提供
7.
実際のコードは・・・ ブラウザA(caller)とブラウザB(callee)が通信すると 1. 2. 3. 4. 5. 6. 7. [ブラウザA]アプリサーバよりhtmlやJavaScriptを取得します。 [ブラウザA]getUserMediaでマイクやカメラのストリームを取得します。 表示する場合はVideoやAudioにアタッチします。 [ブラウザA]RTCPeerConnectionで接続要求をします。このとき、利用する ICE(STUN/TURNサーバ)の設定やストリーム、データチャンネル用のイベ ントハンドラを追加します。 [ブラウザA]RTCPeerConnectionで接続情報を取得したらアプリサーバへ接続依頼オファーを送信します。 [ブラウザB]Aと同様に1〜3を行います。 [ブラウザB]アプリサーバからオファーに受信する。通信許可アンサーを RTCSessionDescriptionで作成し、アプリサーバへ送信します。 [ブラウザA]アンサーを受信します。ブラウザ AとBが直接接続を開始します。 複雑!! しかもまだドラフトなのでブラウザごとに処理が若干違う
8.
そこでライブラリ ● webRTC.io https://github.com/webRTC/webRTC.io ● SimpleWebRTC https://github.com/HenrikJoreteg/SimpleWebRTC ●
PeerJS http://peerjs.com
9.
デモ ソースコード https://github.com/takeshig/webrtc_sample
Download now