You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

33 lines
1.2 KiB

<html>
<head>
<script src="https://unpkg.com/peerjs@1.3.1/dist/peerjs.min.js"></script>
<script src="outbound.js"></script>
<script src="inbound.js"></script>
<script src="chat.js"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
Your ID is: <div id="id">Loading</div>
<div id = "preChat">
<br>
Acquire a peerID from anyone in an active chat or, to create a new chat, a user who is not in a chat.
</br>
</br>
<form action="javascript:void(0); connect()">
PeerID: <input type="text" id="connectToPeerID"></input> <button>Connect</button>
</form>
</div>
<form action="javascript:void(0); startCall()" id="connectButton" class="callButton">
<button>Call your buddy</button>
</form>
<div class="chatWrapper" id="chatWrapper">
<div id="chat1">
</div>
<form action="javascript:void(0); makeNoise()" class="composeForm">
<input type="text" id="chatSend" autocomplete="off"></input><button>Make Noise</button>
</form>
</div>
<div id="peers"></div>
</body>
</html>