101

Is it possible to create a web app that, with the help of a central server, could create direct connections with other users of the same web app? I'm imagining a process similar to UDP hole punching.

I've read about the new WebSockets API in HTML5, but it appears you must initiate the connection with a WS-compatible server before the fully-duplexed connection can begin. I'm thinking moreso about a process to make direct connections between clients, with a server getting involved only in the initial handshake.

NOTE: Java applets don't count. I'm interested only in standard browser technologies.

1

6 Answers 6

112

Instead of intelligent guesses, here is an informed answer:

HTML 5 plans to allow peer to peer connections from javascript, but these connections WILL NOT BE RAW TCP.

The complete spec can be found at http://dev.w3.org/html5/websockets/

jrh

EDIT: with specific reference to peer to peer connections, check out these links:

Its important to note that the capabilities are still being negotiated. It will be nice to be able to create "local chat" web apps :)

jrh

5
  • 46
    +1 => "Instead of intelligent guesses, here is an informed answer" Jun 23, 2009 at 12:09
  • 2
    Does WebSocket allow to connect to ANY host? I believe spec says server only.
    – hegemon
    Jun 23, 2009 at 12:13
  • 4
    Web Sockets is not part of HTML5 anymore, but a standalone specification. Jun 23, 2009 at 12:18
  • 8
    WebSockets are not peer to peer - they're still client to server, and browsers don't implement the server half.
    – Alnitak
    Jul 2, 2012 at 10:47
  • 4
    webSockets don't do peer to peer, but a more recent spec, WebRTC, is designed for this.
    – Eric Mill
    Dec 29, 2012 at 18:02
29

UPDATE 10/17/2012: This functionality now exists in Chrome Stable v22. In order to use this functionality in Chrome, one must enable two flags in chrome://flags:

  • Enable MediaStream
  • Enable PeerConnection

Then you can visit the AppRTC Demo Page to try out the demo. See the WebRTC - Running the Demos page for more detailed instructions on setting up Chrome to use the peer to peer functionality and enabling device capture.


UPDATE: The engineers at Ericcson Labs have a proof of concept in a WebKit build that does HTML5 Peer to Peer Conversational Video.

They have demonstrations in their blog of the technology in action, as well as diagrams and explanations on how the technology will work.

They are working on getting this stabilized and committed to the WebKit repository.

3
  • How long do you estimate it will be before this is in WebKit?
    – Alistair
    Feb 18, 2012 at 22:23
  • I do not know. I suggest checking with Ericcson. The link is in my answer. Their forums may have information on when that will be. Feb 19, 2012 at 8:27
  • Requiring special per-browser config/flag settings is not the same as being part of a working web standard spec. If it's not in HTML5, WebSockets, or WebRTC out-of-the-box, then you can't do peer-to-peer without hacks. Fortunately it seems WebRTC is headed in the right direction.
    – Beejor
    Aug 18, 2017 at 20:14
18

Yes, finally.

As of this writing (2017), WebRTC is now a standard part of most modern browsers (around 70% of those in use), and allows for multimedia streaming, peer-to-peer, and hole-punching.

Docs, sample code, and live examples for WebRTC can be found at html5rocks.com.

According to caniuse.com and html5rocks.com, the following browsers support WebRTC:

Full support: Edge 14, Firefox 22, Firefox Android 55
Partial support: Android Browser 56, Chrome 20, Chrome Android 29, Edge 12, Firefox 17, Opera 18, Opera Android 20, Opera Mobile 12, UC Browser Android 11.4
Future support (Q3 2017): Chrome for iOS 11, Safari 11 for iOS 11 and OS X 10.11
No support: IE, IE Mobile, Opera Mini

The saturation rate of WebRTC is limited on Apple devices, since Safari 11 is not yet released and requires iOS 11 or OS X 10.11. Though projecting from past upgrade trends, WebRTC should be available on around 75% of iOS devices by 2018, and 100% by 2020.

4

There are a number of reasons why this would be tricky:

  1. Firewalls (even just plain NATs) would make this kind of connection difficult at a much lower protocal layer than even HTTP. With my IT security hat on, this seems like a wonderful way to open arbitrary ports on a machine, just by visiting a website - and so it would be aggressively blocked by virtually all corporate IT systems.
  2. HTTP is inherently a client-server protocol. While it is reasonably easy to simulate duplex communications using long polling (as well as a couple of other techniques), it is not particularly efficient.
  3. This would open a large hole for XSS attacks.

WebSockets is designed to solve the second of these issues, but (deliberately, I expect) not the other two. When they talk about peer-to-peer in the HTML5 spec, they are talking about full duplex communications between the server and the client, not between one client and another.

However, it would be simple to implement a proper network stack on top of websockets - with the proviso that all communication would still have to be done through the server. I have seen this done using long polling (a friend of mine at Uni wrote a full TCP/IP stack using long polling).

1
  • P2P is not client-server; the former moves traffic between peers, the latter moves it through the server to one or more clients. The main benefit of P2P is that a server can act as a matchmaker while heavy traffic goes between clients (which is a boon for privacy and bandwidth).
    – Beejor
    Aug 18, 2017 at 20:03
0

I second harshath.jr: you could very well have a server acting as a directory (exposing "origins" of each connected agent; origin being scheme+host+port as in draft-abarth-origin, with the scheme being either "ws" or "wss"). You could then initiate peer-to-peer WebSocket connections; the SOP being worked through thanks to CORS. Of course, this means that each agent (i.e. browser) would have to embed its own WebSocket server (à la Opera Unite).

In the mean time, do it the XMPP/IRC/etc.-way: no peer-to-peer connection but WebSocket connections to a central server (or network!) to pass messages to the connected agents (eventually using some specific WebSocket "subprotocol")

EDIT: note that all of this is actually outside the scope of HTML5 (all of those things were once part of HTML5 but have been split away into their own specs)

0

The Whole idea of Web Sockets was to solve the problems with Firewalls and proxies http://www.kaazing.org/confluence/display/KAAZING/What+is+an+HTML+5+WebSocket

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.