Submit Search
Upload
5分でわかるWebRTCの仕組み - html5minutes vol.01
•
17 likes
•
8,534 views
西畑 一馬
Follow
html5minutes vol.01で発表したスライドです。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 38
Download now
Download to read offline
Recommended
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
WebRTCの技術解説 公開版
WebRTCの技術解説 公開版
Contest Ntt-west
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
FINAL FANTASY XVにおけるPhoton利用事例 - Photon運営事務局 GTMF 2018 OSAKA / TOKYO
FINAL FANTASY XVにおけるPhoton利用事例 - Photon運営事務局 GTMF 2018 OSAKA / TOKYO
Game Tools & Middleware Forum
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
Yoshifumi Kawai
WebRTCを利用した遠隔リアルタイム映像処理フレームワークの実装
WebRTCを利用した遠隔リアルタイム映像処理フレームワークの実装
tnoho
Unityネットワーク通信の基盤である「RPC」について、意外と知られていないボトルネックと、その対策法
Unityネットワーク通信の基盤である「RPC」について、意外と知られていないボトルネックと、その対策法
モノビット エンジン
ニコニコ生放送の配信基盤改善
ニコニコ生放送の配信基盤改善
takahiro_yachi
Recommended
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
WebRTCの技術解説 公開版
WebRTCの技術解説 公開版
Contest Ntt-west
WebRTC SFU mediasoup sample
WebRTC SFU mediasoup sample
mganeko
FINAL FANTASY XVにおけるPhoton利用事例 - Photon運営事務局 GTMF 2018 OSAKA / TOKYO
FINAL FANTASY XVにおけるPhoton利用事例 - Photon運営事務局 GTMF 2018 OSAKA / TOKYO
Game Tools & Middleware Forum
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
「黒騎士と白の魔王」gRPCによるHTTP/2 - API, Streamingの実践
Yoshifumi Kawai
WebRTCを利用した遠隔リアルタイム映像処理フレームワークの実装
WebRTCを利用した遠隔リアルタイム映像処理フレームワークの実装
tnoho
Unityネットワーク通信の基盤である「RPC」について、意外と知られていないボトルネックと、その対策法
Unityネットワーク通信の基盤である「RPC」について、意外と知られていないボトルネックと、その対策法
モノビット エンジン
ニコニコ生放送の配信基盤改善
ニコニコ生放送の配信基盤改善
takahiro_yachi
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
Yoshiaki Sugimoto
劇的改善 Ci4時間から5分へ〜私がやった10のこと〜
劇的改善 Ci4時間から5分へ〜私がやった10のこと〜
aha_oretama
MagicOnion入門
MagicOnion入門
torisoup
今から始めるWebClient(JSUG勉強会 2020年その6 LT大会)
今から始めるWebClient(JSUG勉強会 2020年その6 LT大会)
NTT DATA Technology & Innovation
Redis & Redis HA design with Keepalived
Redis & Redis HA design with Keepalived
Toshiki Inami
オンラインゲームの仕組みと工夫
オンラインゲームの仕組みと工夫
Yuta Imai
SFUの話
SFUの話
tnoho
MagicOnion~C#でゲームサーバを開発しよう~
MagicOnion~C#でゲームサーバを開発しよう~
torisoup
CEDEC 2018 最速のC#の書き方 - C#大統一理論へ向けて性能的課題を払拭する
CEDEC 2018 最速のC#の書き方 - C#大統一理論へ向けて性能的課題を払拭する
Yoshifumi Kawai
WebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample update
mganeko
メタバースのビジネスモデルと技術限界
メタバースのビジネスモデルと技術限界
Ryo Kurauchi
多機能ボイチャを簡単に導入する方法
多機能ボイチャを簡単に導入する方法
Unity Technologies Japan K.K.
フロー効率性とリソース効率性について #xpjug
フロー効率性とリソース効率性について #xpjug
Itsuki Kuroda
WebRTC入門+最新動向
WebRTC入門+最新動向
Ryosuke Otsuya
Dockerイメージ管理の内部構造
Dockerイメージ管理の内部構造
Etsuji Nakai
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
モノビット エンジン
TLS, HTTP/2演習
TLS, HTTP/2演習
shigeki_ohtsu
[CEDEC 2021] 運用中タイトルでも怖くない! 『メルクストーリア』におけるハイパフォーマンス・ローコストなリアルタイム通信技術の導入事例
[CEDEC 2021] 運用中タイトルでも怖くない! 『メルクストーリア』におけるハイパフォーマンス・ローコストなリアルタイム通信技術の導入事例
Naoya Kishimoto
ASP.NETの進化とASP.NET Core Blazorの凄さ
ASP.NETの進化とASP.NET Core Blazorの凄さ
Sho Okada
【Unite Tokyo 2019】大量のアセットも怖くない!~HTTP/2による高速な通信の実装例~
【Unite Tokyo 2019】大量のアセットも怖くない!~HTTP/2による高速な通信の実装例~
UnityTechnologiesJapan002
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
Kensaku Komatsu
ひとつひとつ組み上げてみていくビデオチャットアプリのアーキテクチャ
ひとつひとつ組み上げてみていくビデオチャットアプリのアーキテクチャ
Koki Kumagai
More Related Content
What's hot
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
Yoshiaki Sugimoto
劇的改善 Ci4時間から5分へ〜私がやった10のこと〜
劇的改善 Ci4時間から5分へ〜私がやった10のこと〜
aha_oretama
MagicOnion入門
MagicOnion入門
torisoup
今から始めるWebClient(JSUG勉強会 2020年その6 LT大会)
今から始めるWebClient(JSUG勉強会 2020年その6 LT大会)
NTT DATA Technology & Innovation
Redis & Redis HA design with Keepalived
Redis & Redis HA design with Keepalived
Toshiki Inami
オンラインゲームの仕組みと工夫
オンラインゲームの仕組みと工夫
Yuta Imai
SFUの話
SFUの話
tnoho
MagicOnion~C#でゲームサーバを開発しよう~
MagicOnion~C#でゲームサーバを開発しよう~
torisoup
CEDEC 2018 最速のC#の書き方 - C#大統一理論へ向けて性能的課題を払拭する
CEDEC 2018 最速のC#の書き方 - C#大統一理論へ向けて性能的課題を払拭する
Yoshifumi Kawai
WebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample update
mganeko
メタバースのビジネスモデルと技術限界
メタバースのビジネスモデルと技術限界
Ryo Kurauchi
多機能ボイチャを簡単に導入する方法
多機能ボイチャを簡単に導入する方法
Unity Technologies Japan K.K.
フロー効率性とリソース効率性について #xpjug
フロー効率性とリソース効率性について #xpjug
Itsuki Kuroda
WebRTC入門+最新動向
WebRTC入門+最新動向
Ryosuke Otsuya
Dockerイメージ管理の内部構造
Dockerイメージ管理の内部構造
Etsuji Nakai
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
モノビット エンジン
TLS, HTTP/2演習
TLS, HTTP/2演習
shigeki_ohtsu
[CEDEC 2021] 運用中タイトルでも怖くない! 『メルクストーリア』におけるハイパフォーマンス・ローコストなリアルタイム通信技術の導入事例
[CEDEC 2021] 運用中タイトルでも怖くない! 『メルクストーリア』におけるハイパフォーマンス・ローコストなリアルタイム通信技術の導入事例
Naoya Kishimoto
ASP.NETの進化とASP.NET Core Blazorの凄さ
ASP.NETの進化とASP.NET Core Blazorの凄さ
Sho Okada
【Unite Tokyo 2019】大量のアセットも怖くない!~HTTP/2による高速な通信の実装例~
【Unite Tokyo 2019】大量のアセットも怖くない!~HTTP/2による高速な通信の実装例~
UnityTechnologiesJapan002
What's hot
(20)
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
WebブラウザでP2Pを実現する、WebRTCのAPIと周辺技術
劇的改善 Ci4時間から5分へ〜私がやった10のこと〜
劇的改善 Ci4時間から5分へ〜私がやった10のこと〜
MagicOnion入門
MagicOnion入門
今から始めるWebClient(JSUG勉強会 2020年その6 LT大会)
今から始めるWebClient(JSUG勉強会 2020年その6 LT大会)
Redis & Redis HA design with Keepalived
Redis & Redis HA design with Keepalived
オンラインゲームの仕組みと工夫
オンラインゲームの仕組みと工夫
SFUの話
SFUの話
MagicOnion~C#でゲームサーバを開発しよう~
MagicOnion~C#でゲームサーバを開発しよう~
CEDEC 2018 最速のC#の書き方 - C#大統一理論へ向けて性能的課題を払拭する
CEDEC 2018 最速のC#の書き方 - C#大統一理論へ向けて性能的課題を払拭する
WebRTC SFU Mediasoup Sample update
WebRTC SFU Mediasoup Sample update
メタバースのビジネスモデルと技術限界
メタバースのビジネスモデルと技術限界
多機能ボイチャを簡単に導入する方法
多機能ボイチャを簡単に導入する方法
フロー効率性とリソース効率性について #xpjug
フロー効率性とリソース効率性について #xpjug
WebRTC入門+最新動向
WebRTC入門+最新動向
Dockerイメージ管理の内部構造
Dockerイメージ管理の内部構造
ネットワーク ゲームにおけるTCPとUDPの使い分け
ネットワーク ゲームにおけるTCPとUDPの使い分け
TLS, HTTP/2演習
TLS, HTTP/2演習
[CEDEC 2021] 運用中タイトルでも怖くない! 『メルクストーリア』におけるハイパフォーマンス・ローコストなリアルタイム通信技術の導入事例
[CEDEC 2021] 運用中タイトルでも怖くない! 『メルクストーリア』におけるハイパフォーマンス・ローコストなリアルタイム通信技術の導入事例
ASP.NETの進化とASP.NET Core Blazorの凄さ
ASP.NETの進化とASP.NET Core Blazorの凄さ
【Unite Tokyo 2019】大量のアセットも怖くない!~HTTP/2による高速な通信の実装例~
【Unite Tokyo 2019】大量のアセットも怖くない!~HTTP/2による高速な通信の実装例~
Similar to 5分でわかるWebRTCの仕組み - html5minutes vol.01
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
Kensaku Komatsu
ひとつひとつ組み上げてみていくビデオチャットアプリのアーキテクチャ
ひとつひとつ組み上げてみていくビデオチャットアプリのアーキテクチャ
Koki Kumagai
5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズ
Yusuke Naka
レポート
レポート
xin song
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
You_Kinjoh
Infocom webrtc conference japan
Infocom webrtc conference japan
mganeko
WebRTC概説(P2P)
WebRTC概説(P2P)
goforbroke
レポート
レポート
xin song
WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装
Yuta Suzuki
WebRTCについてざっと
WebRTCについてざっと
Fumiyasu Sumiya
2013 WebRTC 概説 & ワークショップ
2013 WebRTC 概説 & ワークショップ
mganeko
HTML5によるリアルタイムコミュニケーション WebRTCの概説
HTML5によるリアルタイムコミュニケーション WebRTCの概説
You_Kinjoh
Magic Leap で WebRTC 触ってみた
Magic Leap で WebRTC 触ってみた
NishoMatsusita
Vuzix Developer Conference
Vuzix Developer Conference
Keiji Ariyama
Chromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそう
mganeko
WebRTCとORTCについて整理しておこう
WebRTCとORTCについて整理しておこう
彰 村地
HTML5 Japan Cup (5jCup) WebRTC賞
HTML5 Japan Cup (5jCup) WebRTC賞
Ryosuke Otsuya
WebRTCについて
WebRTCについて
BeMarble
getUserMedia
getUserMedia
Yusuke Naka
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
Kensaku Komatsu
Similar to 5分でわかるWebRTCの仕組み - html5minutes vol.01
(20)
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ビデオ通話・P2Pがコモディティ化する世界 WebRTCによるこれからを探る
ひとつひとつ組み上げてみていくビデオチャットアプリのアーキテクチャ
ひとつひとつ組み上げてみていくビデオチャットアプリのアーキテクチャ
5分で分るWebRTCコーデックウォーズ
5分で分るWebRTCコーデックウォーズ
レポート
レポート
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
WebRTC Boot Camp (WebRTC Conference Japan 2016) 事前公開版
Infocom webrtc conference japan
Infocom webrtc conference japan
WebRTC概説(P2P)
WebRTC概説(P2P)
レポート
レポート
WebRTCとPeer.jsを使った実装
WebRTCとPeer.jsを使った実装
WebRTCについてざっと
WebRTCについてざっと
2013 WebRTC 概説 & ワークショップ
2013 WebRTC 概説 & ワークショップ
HTML5によるリアルタイムコミュニケーション WebRTCの概説
HTML5によるリアルタイムコミュニケーション WebRTCの概説
Magic Leap で WebRTC 触ってみた
Magic Leap で WebRTC 触ってみた
Vuzix Developer Conference
Vuzix Developer Conference
Chromebook 「だけ」で WebRTCを動かそう
Chromebook 「だけ」で WebRTCを動かそう
WebRTCとORTCについて整理しておこう
WebRTCとORTCについて整理しておこう
HTML5 Japan Cup (5jCup) WebRTC賞
HTML5 Japan Cup (5jCup) WebRTC賞
WebRTCについて
WebRTCについて
getUserMedia
getUserMedia
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
Recently uploaded
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
Recently uploaded
(12)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
5分でわかるWebRTCの仕組み - html5minutes vol.01
1.
5分でわかる WebRTCの仕組み HTML5minutes!! vol.01 西畑一馬
2.
最初に
3.
5分でわかるほど WebRTCは簡単じゃない
4.
WebRTCを取り巻くHTML5技術 WebSocket Web Audio RTCPeerConnection video/audio API getUserMedia
API Media Stream
5.
WebRTCを取り巻くHTML5技術 WebSocket Web Audio RTCPeerConnection video/audio API getUserMedia
API Media Stream とわ本日あたえられた時間は5分しかない
6.
WebRTCを取り巻くHTML5技術 WebSocket Web Audio video/audio API getUserMedia
API Media Streamとわ RTCPeerConnection 重要なコレに絞って解説
7.
そもそもWebRTCって??
8.
WebRTC Web Real-Time Communication
9.
離れた2台以上のPCで通信する技術
10.
ウェブカムの映像や
11.
音声やデータなど
12.
これまでのビデオチャットは仲介サーバー必要
13.
WebRTCはP2PでPC同士が通信を行う
14.
WebRTC通信に必要な4つのステップ
15.
Step 1 自分のストリームデータを取得
16.
getUserMedia getUserMedia( { video:true, audio:true }, function(stream) { localStream =
stream; }, function(error) { alert("メディアを取得できませんでした"); } );
17.
Step 2 お互いのPCのSDPを交換する
18.
SDP Session Description Protocol
19.
PeerConnectionオブジェクトを生成 peer = new
RTCPeerConnection({ "iceServers": [ { "url": "stun:stun.l.google.com:19302" } ] }); peer.addStream(localStream); peer.createOffer(function(sdp) { peer.setLocalDescription(sdp, function() { socket.emit('sendOffer',{ "sdp": sdp }); }); });
20.
先ほど取得したストリームデータをセット peer = new
RTCPeerConnection({ "iceServers": [ { "url": "stun:stun.l.google.com:19302" } ] }); peer.addStream(localStream); peer.createOffer(function(sdp) { peer.setLocalDescription(sdp, function() { socket.emit('sendOffer',{ "sdp": sdp }); }); });
21.
接続元から接続先にオファーを送る
22.
接続元から接続先にオファーを送る
23.
シグナリングサーバー
24.
SDPをWebSocketで送信 peer = new
RTCPeerConnection({ "iceServers": [ { "url": "stun:stun.l.google.com:19302" } ] }); peer.addStream(localStream); peer.createOffer(function(sdp) { peer.setLocalDescription(sdp, function() { socket.emit('sendOffer',{ "sdp": sdp }); }); });
25.
接続先はアンサーを返信
26.
受け取ったオファーからSDPを作成して返信 socket.on('reciveOffer',function(data){ var sdp =
new RTCSessionDescription(data.sdp); peer.setRemoteDescription(sdp, function() { peer.createAnswer(function(sdp) { peer.setLocalDescription(sdp, function() { socket.emit('sendAnswer',{ "sdp": sdp }); }); }); }); });
27.
接続先から返信を受け取ったらそれをセット socket.on('reciveAnswer',function(data){ var sdp =
new RTCSessionDescription(data.sdp); peer.setRemoteDescription(sdp); });
28.
Step 3 お互いのネットワークのICE情報を交換する
29.
ICE Interactive Connectivity Establishment
30.
IPアドレスやポート番号を 交換しないと通信できない
31.
STUNサーバー
32.
STUNサーバーは RTCPeerConnectionオブジェクト生成時に指定済み peer = new
RTCPeerConnection({ "iceServers": [ { "url": "stun:stun.l.google.com:19302" } ] }); peer.addStream(localStream); peer.createOffer(function(sdp) { peer.setLocalDescription(sdp, function() { socket.emit('sendOffer',{ "sdp": sdp }); }); });
33.
icecandidateイベントで取得できるので WebSocketで相手に送信 peer.onicecandidate = function
(evt) { if ( evt.candidate ) { socket.emit('sendCdi',{ "ice": evt.candidate }); } }
34.
socket.on('reciveCdi',function(data){ var ice =
new RTCIceCandidate(data.ice); peer.addIceCandidate(ice); }); ice情報を受け取ったらセット
35.
Step 4 video要素にremoteStreamを設置
36.
peer.addEventListener("addstream", function(event){ var
targetVideo = document.getElementById("remoteVideo"); targetVideo.src = URL.createObjectURL(event.stream); targetVideo.play(); }, false); あとは受け取ったストリームデータを video要素に突っ込むだけ
37.
WebRTCの課題 • 対応ブラウザがChrome/OperaとFirefoxのみ • ルーターやFirewallで通信できないことも •
CPU使用率が半端ない • ドライバレベルの不具合を引き起こすことも • 不安定、とにかく不安定
38.
HTML5minutes!! vol.01 西畑一馬 Thank you!!
Download now