Dev2

.github/workflows/node.js.yml

@@ -13,7 +13,8 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [12.x]
+        node-version: [12.x, 14.x, 16.x]
+
         # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
 
     steps:

Public/script.js

@@ -8,10 +8,14 @@ const Input = document.querySelector(".chat-input");
 chat.addEventListener("submit", (event) => {
   event.preventDefault();
   socket.emit("chat", Input.value);
+
   Input.value = "";
   socket.on("chat", (message) => {
     console.log("From server: ", message);
   });
+  socket.on("videoChat", (vidMessage) => {
+    console.log("From server: ", vidMessage);
+  });
   const chatWindow = document.querySelector(".chat-window");
   const renderMessage = (message) => {
     const div = document.createElement("div");
@@ -22,7 +26,19 @@ chat.addEventListener("submit", (event) => {
   socket.on("chat", (message) => {
     renderMessage(message);
   });
+  // const rendervidMessage = (vidMessage) => {
+  //   const div1 = document.createElement("div");
+  //   div1.classList.add("render-vidMessage");
+  //   div1.innerText = vidMessage;
+  //   chatWindow.appendChild(div1);
+  // };
+  // socket.on("videoChat", (vidMessage) => {
+  //   rendervidMessage(vidMessage);
+  // });
 });
+
+
+
 const videoFunction = () => {
   var peer = new Peer(undefined, {
     path: "/peerjs",
@@ -71,8 +87,14 @@ const videoFunction = () => {
     videoEl.srcObject = stream;
     videoEl.addEventListener("loadedmetadata", () => {
       videoEl.play();
+      // socket.emit("videoChat", videoEl.value);
+
     });
     videoGrid.append(videoEl);
+    socket.emit("videoChat", videoGrid);
+
+    // let vEle = document.getElementsByTagName("video")
+    // socket.emit("videoChat", vEle.videoGrid);
     let totalUsers = document.getElementsByTagName("video").length;
     if (totalUsers > 1) {
       for (let index = 0; index < totalUsers; index++) {

index.js

@@ -29,6 +29,12 @@ io.on("connection", (socket) => {
     console.log("From client: ", message);
     io.emit("chat", message);
   });
+  socket.on("videoChat", (vidMessage) => {
+    console.log("videoChat From client: ", vidMessage);
+    io.emit("videoChat", vidMessage);
+  });
+
+
   // socket.on("join-room", (roomId, userId) => {
   //   socket.join(roomId);
   //   socket.to(roomId).broadcast.emit("user-connected", userId);