archive

2021-09-14 06:30:17 -06:00
commit 7ab1723a5e
327 changed files with 127104 additions and 0 deletions
--- a/comms/webrtc-ws-example/index.html
+++ b/comms/webrtc-ws-example/index.html
@@ -0,0 +1,52 @@
+<!doctype html>
+
+<!--
+    WebSocket chat client
+
+    WebSocket and WebRTC based multi-user chat sample with two-way video
+    calling, including use of TURN if applicable or necessary.
+
+    This file provides the structure of the chat client's web page, including
+    logging in, text chatting, and making private video calls to other users.
+
+    To read about how this sample works:  http://bit.ly/webrtc-from-chat
+
+    Any copyright is dedicated to the Public Domain.
+    http:   creativecommons.org/publicdomain/zero/1.0/
+-->
+
+<html>
+<head>
+  <title>WebSocket Demo with WebRTC Calling</title>
+  <meta charset="utf-8">
+  <link href="style.css" rel="stylesheet">
+  <script type="text/javascript" src="client.js"></script>
+  <script type="text/javascript" src="adapter.js"></script>
+</head>
+<body>
+  <p>This is a simple video call example implemented using WebSockets and WebRTC.
+  <p>Click a username in the user list to ask them to enter a one-on-one video
+    call with you.</p>
+  <p>Enter a username: <input id="name" type="text" maxlength="12" required
+      autocomplete="username" inputmode="verbatim" placeholder="Username">
+  <input type="button" name="login" value="Log in" onclick="connect()"></p>
+
+  <div id="container" class="flexChild columnParent">
+      <div class="flexChild rowParent">
+        <div class="flexChild" id="userlist-container">
+          <ul id="userlistbox"></ul>
+        </div>
+      </div>
+
+      <div class="flexChild" id="camera-container">
+        <div class="camera-box">
+          <video id="received_video" autoplay></video>
+          <video id="local_video" autoplay muted></video>
+          <button id="hangup-button" onclick="hangUpCall();" disabled>
+            Hang Up
+          </button>
+        </div>
+      </div>
+  </div>
+</body>
+</html>