In this recipe, we will use the PeerJS WebRTC framework to create a simple web chat concept by utilizing data channels.
PeerJS requires developers to register before they can use its API. During the registration process (it is free), a developer gets a unique ID that can be used to work with the API. If you would like to use this framework and don't mind registering, then visit its home page at http://peerjs.com.
Using PeerJS is really simple, and a basic example can be performed using just one HTML file. In the following steps, you will find such an index file with comments in all the important places:
Place the standard HTML headers:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">Include the PeerJS library:
<script src="http://cdn.peerjs.com/0.3/peer.js"></script> </head> <body>
Add an input textbox. Here, a customer can enter his/her name while connecting...