webRTCでP2Pの動画チャットを頑張れば試せるデモ作ってみた。workbenchこの広告は、90日以上更新していないブログに表示しています。2012-03-27webRTCでP2Pの動画チャットを頑張れば試せるデモ作ってみた。WebRTCって、P2Pで動画チャットできるって聞いたからためしみた。知らないプロトコルとか出てきて泣いた。デモコードだと大きすぎて何しているのかわけわからない。シンプルにするために・最低限のコードにする・サーバをつかわない(本来、P2Pする前にクライアント間でメディア形式を決めるのに使います)を目標にデモを書いてみた。デモを参考にしています。デモコードを見るかぎり、サーバからのPUSHが必要です。大体は、WebSocketが前提になるんじゃないかと思います。(ハードル高いw)今回のデモは、この通信を手動で・・・STUNサーバブラウザ同士がP2Pするには、大体NATを越える必要があるので、STUNサーバが必要です。グローバル側から見たブラウザのIPなどの情報を教えてくれるものです。構築するのにIPが2つ必要らしいので自前で作るのは難しいため公開STUNサーバを利用することにしました。rows="10"></textarea><br></form></body></html>デモ以下にデモページを用意しています。Channel)等でしか動作しないので、Chromeの開発版でMediaStreamを有効にして試してください。Canaryだと動作しないようです)あと、Webカメラが必要です。※動画データなどは、サーバに送信されません。操作手順1.http://alumican.ddo.jp/webrtc/sample03.htmlを2つのウィンドウで開く。createPeerConnection」ボタンを押す。Offer」ボタンを押す。Answer」ボタンを押す。この手順を素早く!(時間制限があるみたいだから)うまくいけば、これでブラウザAもBもカメラの動画がローカルとリモートの2つ表示されます。基本的に、手順操作に失敗したら、状態依存があるらしく2度と同じ結果が得られないことが多いので開発版のChromeを再起動するのがいいかなと思います。他でコーディング試している人はどうしてるんだろう。_)m最期までやってくれた方、お疲れさまでした。次は、ちゃんとサーバ立ててWebSocket込みのデモを作ろうとおもいます。ローカルでしか試していないので不具合とかあったらコメントください。18:42webRTCでP2Pの動画チャットを頑張れば試せるデモ作ってみた。Tweet広告を非表示にする関連記事2012-04-15Webアプリにリアルタイムなバックエンドを提供するFirebaseを使ってみた。スケーラブルでリアルタイムなバックエンドを実現するものらし...2012-04-01Node.jsのSocket.IO+WebRTCでP2Pの動画チャットを作ってみた。WebRTCでP2Pを実現しようとすると、ブラウザ1とサーバとブラウ...2012-03-22webRTCで顔認識(face.js)を試してみた。face.jsって、なんか、顔認識できるらしいぞ。日頃から...2012-03-11コンパイラ実装会(3)に参加してきた。webRTCで顔認識(face.js)を試してみた。読者になる検索リンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!alumicanさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。