Home Explore Help
Sign In
cpp
/
libdatachannel
mirror of https://github.com/paullouisageneau/libdatachannel
2
0
Fork 0
Files Issues 0 Wiki
Browse Source

Node version of server and some styling

Will Munn 5 years ago
parent
79111c9b77
commit
74dd9e3b74
3 changed files with 78 additions and 9 deletions
Unified View Show Diff Stats
  1. 6 4
      web-client/answerer.html
  2. 29 0
      web-client/server.js
  3. 43 5
      web-client/style.css

+ 6 - 4
web-client/answerer.html
View File 

@@ -5,16 +5,18 @@
 
         <link rel="stylesheet" href="/style.css" />
 
         <link rel="stylesheet" href="/style.css" />
 
     </head>
 
     </head>
 
     <body>
 
     <body>
 
-        <h1>Web Rtc</h1>
 
-        <div>
 
+        <div id="message-container">
 
+            <h1>Web Rtc</h1>
 
+            <div id="messages"></div>
 
+        </div>
 
+        <div id="message-input">
 
             <p id="connection-state">Pending</p>
 
             <p id="connection-state">Pending</p>
 
             <textarea id="message-text-box"
 
             <textarea id="message-text-box"
 
                 placeholder="Send a message"
 
                 placeholder="Send a message"
 
             ></textarea>
 
             ></textarea>
 
             <br/>
 
             <br/>
 
-            <button id="send-message-button">Send Data</button>
 
+            <button id="send-message-button">Send</button>
 
         </div>
 
         </div>
 
-        <div id="messages"></div>
 
         <script src="/answerScript.js"></script>
 
         <script src="/answerScript.js"></script>
 
     </body>
 
     </body>
 
 </html>
 
 </html>

+ 29 - 0
web-client/server.js
View File 

@@ -0,0 +1,29 @@
 
+const http = require('http');
 
+
 
+let connectionMetadata;
 
+http.createServer(function(req, res) {
 
+  console.log(req.method.toUpperCase(), req.url);
 
+  if (req.method === 'POST') {
 
+    let body = '';
 
+    req.on('data', chunk => body += chunk);
 
+    req.on('end', () => {
 
+      connectionMetadata = body;
 
+      res.writeHead(200);
 
+      res.end();
 
+    });
 
+    return;
 
+  }
 
+  if (req.method === 'GET') {
 
+    res.writeHead(200, {'Content-Type': 'text/plain'});
 
+    res.end(connectionMetadata);
 
+    return;
 
+  }
 
+  if (req.method === 'OPTIONS') {
 
+    res.writeHead(200, {
 
+      'Access-Control-Allow-Origin': '*',
 
+    });
 
+    res.end(connectionMetadata);
 
+    return;
 
+  }
 
+  console.error('unknown method: ' + req.method);
 
+}).listen(8000);

+ 43 - 5
web-client/style.css
View File 

@@ -1,23 +1,61 @@
 
 body {
 
 body {
 
   background-color: #fff5e3;
 
   background-color: #fff5e3;
 
   font-family: sans-serif;
 
   font-family: sans-serif;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  margin: 0;
 
+}
 
+
 
+#message-container {
 
+  padding: 0 5%;
 
+  width: 100%;
 
+}
 
+
 
+h1 {
 
+  width: 100%;
 
+}
 
+
 
+#message-input {
 
+  width: 100%;
 
+  position: fixed;
 
+  top: 90%;
 
+  height: 10%;
 
+  display: flex;
 
+  background-color: #a0a0a0f7;
 
 }
 
 }
 
 
 
 #message-text-box {
 
 #message-text-box {
 
-  width: 500px;
 
-  height: 50px;
 
-  border-radius: 8px;
 
+  width: 90%;
 
+  border: none;
 
+  border-radius: 20px 0 0 20px;
 
+  padding: 5px;
 
+  vertical-align: middle;
 
+  font-size: medium;
 
+  resize: none;
 
+  vertical-align: middle;
 
+}
 
+
 
+#message-text-box:focus {
 
+  outline: none;
 
 }
 
 }
 
 
 
 #messages {
 
 #messages {
 
   display: flex;
 
   display: flex;
 
   flex-direction:column;
 
   flex-direction:column;
 
-  width: 70%;
 
+  width: 100%;
 
   margin: auto;
 
   margin: auto;
 
 }
 
 }
 
 
 
+#send-message-button {
 
+  width: 10%;
 
+  font-size: medium;
 
+}
 
+#send-message-button:hover {
 
+  opacity: 10%;
 
+}
 
+
 
 .message {
 
 .message {
 
-  width: 25%;
 
+  width: 40%;
 
   flex-basis: 100%;
 
   flex-basis: 100%;
 
   border: 1px solid;
 
   border: 1px solid;
 
   padding: 1%;
 
   padding: 1%;