piatra · April 12, 2014 09:08
diff --git a/peerjsdemo.html b/peerjsdemo.html
 <!DOCTYPE html>
 <html>
 <head>
 	<title></title>
 </head>
 <body>

 <button>connect</button>

 <script src="http://cdn.peerjs.com/0.3/peer.js"></script>
 <script type="text/javascript">
 	var peer = new Peer({key: 'im289css0byphkt9'});
 	var myid;

 	peer.on('open', function(id) {
 		myid = id;
 		appendMsg('My peer ID is: <strong>' + id + '</strong>');
 		appendMsg('Open a new tab and use this to connect');
 	});

 	var button = document.querySelector('button');
 	button.addEventListener('click', function() {

 		var peerID = prompt('Peer id?');

 		if (!peerID) {
 			appendMsg('No peer id added. Try again');
 			return;
 		}
 		if (myid == peerID) {
 			appendMsg('You can\'t connect to yourself. Try again in a new tab');
 			return;
 		}
 		var conn = peer.connect(peerID); // who to connect to
 		conn.on('open', function(){ // when the connection is ready
 		  appendMsg('Connection opened. Sent message');
 		  appendMsg('Try looking in the other tab');
 		  conn.send('hi!');
 		});

 	}, false);

 	peer.on('connection', function(conn) {
 		appendMsg('Connected to remote peer');
 		// this event is triggered when a connection
 		// has been established with a remote peer

 		// we can use the `conn` object to listen for data events
 		conn.on('open', function() {
 			conn.on('data', function(data) {
 				// data contains the received message
 				console.log(data);
 				appendMsg('Message from peer: ' + data);
 			});
 		});
 	});

 	function appendMsg(msg) {
 		var el = document.createElement('p');
 		el.innerHTML = msg;
 		document.body.appendChild(el);
 	}

 </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	</head>
	<body>

	<button>connect</button>

	<script src="http://cdn.peerjs.com/0.3/peer.js"></script>
	<script type="text/javascript">
	var peer = new Peer({key: 'im289css0byphkt9'});
	var myid;

	peer.on('open', function(id) {
	myid = id;
	appendMsg('My peer ID is: <strong>' + id + '</strong>');
	appendMsg('Open a new tab and use this to connect');
	});

	var button = document.querySelector('button');
	button.addEventListener('click', function() {

	var peerID = prompt('Peer id?');

	if (!peerID) {
	appendMsg('No peer id added. Try again');
	return;
	}
	if (myid == peerID) {
	appendMsg('You can\'t connect to yourself. Try again in a new tab');
	return;
	}
	var conn = peer.connect(peerID); // who to connect to
	conn.on('open', function(){ // when the connection is ready
	appendMsg('Connection opened. Sent message');
	appendMsg('Try looking in the other tab');
	conn.send('hi!');
	});

	}, false);

	peer.on('connection', function(conn) {
	appendMsg('Connected to remote peer');
	// this event is triggered when a connection
	// has been established with a remote peer

	// we can use the `conn` object to listen for data events
	conn.on('open', function() {
	conn.on('data', function(data) {
	// data contains the received message
	console.log(data);
	appendMsg('Message from peer: ' + data);
	});
	});
	});

	function appendMsg(msg) {
	var el = document.createElement('p');
	el.innerHTML = msg;
	document.body.appendChild(el);
	}

	</script>
	</body>
	</html>