Client prototype, signaling server & PWA client

clientV/scripts/rtc_old.js

@@ -0,0 +1,203 @@
+//our username 
+var name; 
+var connectedUser;
+  
+//connecting to our signaling server
+var conn = new WebSocket('ws://localhost:9090');
+  
+conn.onopen = function () { 
+   console.log("Connected to the signaling server"); 
+};
+  
+//when we got a message from a signaling server 
+conn.onmessage = function (msg) { 
+   console.log("Got message", msg.data);
+	
+   var data = JSON.parse(msg.data); 
+	
+   switch(data.type) { 
+      case "login": 
+         handleLogin(data.success); 
+         break; 
+      //when somebody wants to call us 
+      case "offer": 
+         handleOffer(data.offer, data.name); 
+         break; 
+      case "answer": 
+         handleAnswer(data.answer); 
+         break; 
+      //when a remote peer sends an ice candidate to us 
+      case "candidate": 
+         handleCandidate(data.candidate); 
+         break; 
+      case "leave": 
+         handleLeave(); 
+         break; 
+      default: 
+         break; 
+   }
+};
+  
+conn.onerror = function (err) { 
+   console.log("Got error", err); 
+};
+  
+//alias for sending JSON encoded messages 
+function send(message) { 
+   //attach the other peer username to our messages 
+   if (connectedUser) { 
+      message.name = connectedUser; 
+   } 
+	
+   conn.send(JSON.stringify(message)); 
+};
+  
+//****** 
+//UI selectors block 
+//******
+ 
+var loginPage = document.querySelector('#loginPage'); 
+var usernameInput = document.querySelector('#usernameInput'); 
+var loginBtn = document.querySelector('#loginBtn'); 
+
+var callPage = document.querySelector('#callPage'); 
+var callToUsernameInput = document.querySelector('#callToUsernameInput');
+var callBtn = document.querySelector('#callBtn'); 
+
+var hangUpBtn = document.querySelector('#hangUpBtn');
+  
+var localVideo = document.querySelector('#localVideo'); 
+var remoteVideo = document.querySelector('#remoteVideo'); 
+
+var yourConn; 
+var stream;
+  
+callPage.style.display = "none";
+
+// Login when the user clicks the button 
+loginBtn.addEventListener("click", function (event) { 
+   name = usernameInput.value;
+	
+   if (name.length > 0) { 
+      send({ 
+         type: "login", 
+         name: name 
+      }); 
+   }
+	
+});
+  
+function handleLogin(success) { 
+   if (success === false) { 
+      alert("Ooops...try a different username"); 
+   } else { 
+      loginPage.style.display = "none"; 
+      callPage.style.display = "block";
+		
+      //********************** 
+      //Starting a peer connection 
+      //********************** 
+		
+      
+        //stream = myStream; 
+
+        //displaying local video stream on the page 
+        //localVideo.src = window.URL.createObjectURL(stream);
+
+        //using Google public stun server 
+        var configuration = { 
+            "iceServers": [{ "url": "stun:stun2.1.google.com:19302" }]
+        }; 
+
+        yourConn = new RTCPeerConnection(configuration); 
+
+        // setup stream listening 
+        //yourConn.addStream(stream); 
+
+        //when a remote user adds stream to the peer connection, we display it 
+        yourConn.onaddstream = function (e) { 
+        //remoteVideo.src = window.URL.createObjectURL(e.stream); 
+        };
+
+        // Setup ice handling 
+        yourConn.onicecandidate = function (event) { 
+            if (event.candidate) { 
+                send({ 
+                    type: "candidate", 
+                    candidate: event.candidate 
+                }); 
+            } 
+        };  
+   } 
+};
+  
+//initiating a call 
+callBtn.addEventListener("click", function () { 
+   var callToUsername = callToUsernameInput.value;
+	
+   if (callToUsername.length > 0) { 
+	
+      connectedUser = callToUsername;
+		
+      // create an offer 
+      yourConn.createOffer(function (offer) { 
+         send({ 
+            type: "offer", 
+            offer: offer 
+         }); 
+			
+         yourConn.setLocalDescription(offer); 
+      }, function (error) { 
+         alert("Error when creating an offer"); 
+      });
+		
+   } 
+});
+  
+//when somebody sends us an offer 
+function handleOffer(offer, name) { 
+   connectedUser = name; 
+   yourConn.setRemoteDescription(new RTCSessionDescription(offer));
+	
+   //create an answer to an offer 
+   yourConn.createAnswer(function (answer) { 
+      yourConn.setLocalDescription(answer); 
+		
+      send({ 
+         type: "answer", 
+         answer: answer 
+      }); 
+		
+   }, function (error) { 
+      alert("Error when creating an answer"); 
+   }); 
+};
+  
+//when we got an answer from a remote user
+function handleAnswer(answer) { 
+   yourConn.setRemoteDescription(new RTCSessionDescription(answer)); 
+};
+  
+//when we got an ice candidate from a remote user 
+function handleCandidate(candidate) { 
+   yourConn.addIceCandidate(new RTCIceCandidate(candidate)); 
+};
+   
+//hang up 
+hangUpBtn.addEventListener("click", function () { 
+
+   send({ 
+      type: "leave" 
+   });  
+	
+   handleLeave(); 
+});
+  
+function handleLeave() { 
+   connectedUser = null; 
+   remoteVideo.src = null; 
+	
+   yourConn.close(); 
+   yourConn.onicecandidate = null; 
+   yourConn.onaddstream = null; 
+};