如何建立浏览器到浏览器(点对点)连接？

Question

如何在客户端使用HTML5,CSS和JavaScript编写网站,以便在加载页面后允许客户端浏览器之间直接进行tcp/ip连接.

我需要这样做以减少延迟,因为该站点将要求其中一个用户的输入尽快传输给其他用户,因此从客户端A发送数据到服务器然后再发送到客户端B不是一个好的选项.

我读过以前关于这个主题的帖子,但是我找不到可用的解决方案/示例.从我读到的内容可以使用Silverlight,Java或Flash等插件进行客户端之间的直接连接.

有没有不需要插件的解决方案？我想只使用JavaScript.

Answer 1

在Stackoverflow上有几个关于浏览器中P2P连接的主题:

1. HTML5是否允许Web应用程序进行点对点HTTP连接？
2. 有什么技术可以在浏览器中进行P2P操作？
3. HTML5是否支持点对点(而不仅仅是WebSockets)
4. HTML5 Websockets可以直接连接2个客户端(浏览器)而无需使用服务器(P2P)
5. 是否可以在Web浏览器中创建对等连接？
6. websockets是否允许p2p(浏览器到浏览器)通信？
7. HTML 5点对点视频的可能性？
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

自2009年2月12日的W3C工作草案以来,"对等连接"部分消失了.但这种P2P连接并没有消失.它在WebRTC(实时通信)规范中以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编辑草案)

自2011年10月31日起,W3C编辑的草案是正式的工作草案:

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

爱立信实验室(2011年5月)在修改后的WebKit中存在PeerConnection(基于UDP)的唯一实现,该工作运行良好.一些补丁现在在WebKit中(2011年10月 - 请参阅下面的更新!):

• 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)可能是支持WebRTC和PeerConnection的第一个主要浏览器:

• 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年:DataChannel仍处于试验阶段,但在当前版本的Chrome和Firefox中可用:

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

Answer 2

我不得不让你失望 - 目前只有JavaScript这是不可能的.Websockets(和Socket.IO)允许客户端和服务器之间的类似套接字的连接,但不允许客户端之间的连接.您的选择是一个插件 - 无论是Flash,Silverlight,Java还是定制的.

你可以做的是使用socket.io并通过编写一个简单的代理服务器来模拟它.