oleg
/
peerjs


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<html>
	<head>
		<link href="http://peerjs.com/css/style.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/fonts.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/button.css" rel="stylesheet" type="text/css"> 
		<link href="http://peerjs.com/css/reveal.css" rel="stylesheet" type="text/css"> 
		<style>
		html,body{margin:0px;padding:0px;background:#efefef;}
		#wrapper{padding:30px;width:600px;margin:0 auto;text-align: center;}
		#stage
		{
			display:none;
			text-align:left;
			background:#fff;
			overflow-y:auto;
		}
		#submitbar
		{
			border:solid 1px #ddd;
		}
		#submitbar input[type=text]
		{
			width:530px;
		}
		#chatlog
		{
			height:550px;
			padding:10px;
		}
		#enter{
			padding:20px;
			border-radius: 15px;
			background:#ddd;
		}
		</style>
		<title>P2P Web Chat with PeerJS</title>
	</head>
	<body>
		<div id="wrapper">
	      <h1>P2P Web Chat with PeerJS</h1>
	      <div id="enter">
	      	  <div class="step1">
		      	<input id="i_username" type="text" placeholder="Username"/> <input id="connectbtn" type="button" class="btn btn-danger" value="Set Username"/>
		      </div>
		      <div class="step2" style="display:none;">
		      		<h2>Waiting for Friend to connect...</h2>
		      		<h3>---<br/>OR connect to a Friend:</h3>
			      <input id="i_peer" type="text" placeholder="Friend's Username"/> <input id="peerbtn" type="button" class="btn btn-danger" value="Connect"/>
			  </div>
		  </div>
	      <div id="stage">
	      	<div id="chatlog"></div>
	      	<div id="submitbar"><input id="message" type="text"/> <input id="sendbtn" type="button" class="btn btn-danger" value="Send"/></div>
	      </div>
	  	</div>
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
		<script src="file:///C:/node/peers/dist/peer.js" ></script>
		<script type="text/javascript">
			
					var peer = new Peer('peer1', {host: 'localhost', port: 9000, debug: true});
					peer.on('error',function(error) {
						console.log('error', arguments);
					});
					peer.on('open',function() {
            console.log('open!')
          });
          peer.on('connection', function(){};
				});
		</script>
	</body>
</html>