FOSS-Hackathon/index.html at main · AndrewJerryV/FOSS-Hackathon · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>PeerChat</title>
  <link rel="icon" type="image/x-icon" href="/images/icon.ico">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div id="Top">
    <p class="by-text">By <a href="mailto:vayalilandrew@gmail.com" style="text-decoration: none; color: inherit; font-weight: bold;">Andrew</a>, <a href="mailto:@gmail.com" style="text-decoration: none; color: inherit; font-weight: bold;">Sabari</a></p>
    <h1>PeerChat</h1>
    <p>Room ID: <span id="room-id"></span></p>
    <button id="disconnectButton">Disconnect</button>
  </div>
  <div id="chat"></div>
  <br>
  <div id="input-container">
    <input type="text" id="messageInput" placeholder="Type a message..." />
    <button id="fileButton" title="Send File">&#128206</button>
    <button id="sendButton">Send ➤</button>
    <input type="file" id="fileInput" style="display: none;">
  </div>

  <div id="video-container">
    <video id="remoteVideo" autoplay playsinline style="display: none;"></video>
    <video id="localVideo" autoplay muted playsinline style="display: none;"></video>
  </div>
  <div id="call-buttons">
    <button id="startCallButton">📞 Start Video Call</button>
    <button id="endCallButton" style="display: none;">❌ End Call</button>
  </div>
  <div id="Video-buttons">
  <button id="shareScreenButton">🖥️ Share Screen</button>
  <button id="endScreenShareButton" style="display: none;">❌ End Screen Share</button>
  </div>

  <!-- Include PeerJS library -->
  <script src="https://unpkg.com/peerjs@1.3.1/dist/peerjs.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/3.1.2/rollups/aes.js" integrity="sha256-/H4YS+7aYb9kJ5OKhFYPUjSJdrtV6AeyJOtTkw6X72o=" crossorigin="anonymous"></script>

  <script src="script.js"></script>
</body>
</html>