33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
<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> |