[解決済み] ブラウザ間（ピアツーピア）接続を行うにはどうすればよいですか？[クローズド］

質問

を使ったホームページを書くにはどうしたらよいでしょうか？ HTML5 , CSS と JavaScript をクライアント側で使用することで ページがロードされると、クライアントブラウザ間で直接 tcp/ip 接続されます。 .

このサイトでは、ユーザーの 1 人からの入力をできるだけ早く他のユーザーに送信する必要があるため、クライアント A からサーバー、そしてクライアント B にデータを送信することは良い選択肢ではないので、待ち時間を減らすためにこれを実行する必要があります。

この件に関する以前の投稿を読みましたが、私が見つけることができた利用可能な実用的なソリューション/サンプルはありませんでした。私が読んだところでは、クライアント間の直接接続は、Silverlight、Java、または Flash のようなプラグインを使用して行うことができます。

プラグインを必要としない解決策はありますか？私は、JavaScriptだけを使いたいと考えています。

どのように解決するのですか？

Stackoverflow には、ブラウザでの P2P 接続に関するトピックがいくつかあります。

1. HTML5 では、Web アプリケーションがピアツーピアの HTTP 接続を行えるようになるのでしょうか？
2. ブラウザで P2P を行うには、どのような技術がありますか？
3. HTML5 はピアツーピアをサポートしていますか（WebSocket だけでなく）？
4. HTML5 の Web ソケットは、サーバーを使用せずに 2 つのクライアント (ブラウザー) を直接接続できますか (P2P)。
5. Web ブラウザでピアツーピア接続を作成することは可能ですか？
6. ウェブソケットで p2p (ブラウザ間) 通信は可能ですか？
7. HTML 5 Peer to Peer Video の可能性？
8. WebRTC はまだどのブラウザにも実装されていないのですか？

多くのトピックで言及されているように、2008 年の HTML5 作業草案には、「ピアツーピア接続」というセクションがありました。

• http://www.w3.org/TR/2008/WD-html5-20080122/#peer-to-peer
• http://www.w3.org/TR/2008/WD-html5-20080610/comms.html#peer-to-peer

からは W3C 作業草稿 2009 年 2 月 12 日 から、"Peer-to-peer connections" のセクションが消えました。しかし、この P2P 接続がなくなったわけではありません。WebRTC (Real-Time Communications) 仕様内で、PeerConnection という名前で復活しています。

• http://dev.w3.org/2011/webrtc/editor/webrtc.html#peerconnection (W3C 編集者草案)
• http://www.whatwg.org/specs/web-apps/current-work/webrtc.html#peerconnection ( 2011年12月5日以降 W3C Editor's Draft に転送されました。 )

2011年10月31日以降、W3C Editor's Draftは公式のWorking Draftとなりました。

• http://www.w3.org/TR/2011/WD-webrtc-20111027/#peerconnection

PeerConnection (UDP ベース) の唯一の実装は、Ericsson の研究所による修正版 WebKit (2011 年 5 月) に存在し、非常によく動作しています。いくつかのパッチが現在 (2011年10月) WebKit に含まれています (以下の更新を参照!)。

• https://labs.ericsson.com/apis/web-real-time-communication/
• https://labs.ericsson.com/developer-community/blog/update-webkit-contributions

さらに、WebRTC イニシアチブは、Google、Mozilla、Opera によるプロジェクトです。したがって、彼らは PeerConnection に関する仕様を継続しています。

• http://www.webrtc.org/

おそらく Chrome (WebKit を使用) が、PeerConnection による WebRTC をサポートする最初の主要なブラウザーになると思われます。

• http://www.webrtc.org/blog/firststeptowardchromeintegration
• http://groups.google.com/a/chromium.org/group/chromium-dev/browse_thread/thread/95bf1e2e1de852fc
• https://lists.webkit.org/pipermail/webkit-dev/2011-November/018445.html

2012年1月18日より。 Chrome は WebRTC もサポートしています。 . これは Dev チャンネル (Windows、OSX、Linux) および Canary ビルド (Windows、OSX) で使用できます。 によって の下でそれを有効にします。 chrome://flags . のみをサポートしています。 MediaStream のみをサポートし、いくつかの デモ . のようなアプリケーションデータの転送 String / ArrayBuffer /... は、これまでサポートされていませんでした。

から 2012 年 3 月 16 日、WebRTC エディターズドラフト を分離しています。 "ピアツーピア データ API" を使用して、一般的なアプリケーションデータを送受信します ( String , ArrayBuffer と Blob ). ChromiumはData APIをすぐに実装したい (2012年4月10日)とあります。

4月3日、Mozilla は最初の実用的な例を Firefox 用の WebRTC を公開しました。

DataChannel は Chrome のバージョン 25 でフラグの後ろに計画されており、一方 Firefox Nightly/Aurora ではテストできます (2012年12月12日)。

• http://updates.html5rocks.com/2012/12/WebRTC-hits-Firefox-Android-and-iOS

2018: DataChannels はまだ実験的なものですが、現在のバージョンの Chrome と Firefox で利用できます。

• https://developer.mozilla.org/en-US/docs/Web/API/RTCDataChannel