third commmit

package.json

@@ -4,17 +4,17 @@
   "description": "",
   "main": "server.js",
   "scripts": {
-    "test": "echo Error: no test specified && exit 1",
+    "test": "echo \"Error: no test specified\" && exit 1",
     "start": "node server.js"
   },
-
+  "keywords": [],
   "author": "",
   "license": "ISC",
-
   "dependencies": {
     "ejs": "^3.1.8",
     "express": "^4.18.2",
     "peer": "^0.6.1",
+    "peerjs": "^1.4.7",
     "socket.io": "^4.5.3",
     "uuid": "^9.0.0"
   }

public/script.js

@@ -1,12 +1,12 @@
 const socket= io('/');
 const videogrid=document.getElementById('video-grid');
-const myvideo=document.createElement('video');
-myvideo.muted=true;
 var peer = new Peer(undefined,{
     path:'/peerjs',
     host:'/',
-    port:'443'
+    port:'9000'
 });
+const myvideo=document.createElement('video');
+myvideo.muted=true;
 let myvideostream;
 navigator.mediaDevices.getUserMedia({
     video:true,
@@ -35,7 +35,7 @@ const connecttouser=(userid,stream)=>{
     call.on('stream',uservideostream =>{
         addvideostream(video,uservideostream);
     })
-    console.log('new user connected :',userid);
+    console.log('user connected :',userid);
 }
 const addvideostream=(video,stream)=>{
     video.srcObject=stream;

server.js

@@ -3,8 +3,8 @@ const app =  express()
 const server= require('http').Server(app);
 const io=require('socket.io')(server);
 const { v4:uuidv4} = require('uuid');
-const {ExpressPeerServer}=require('peer');
-const peerServer=ExpressPeerServer(server,{
+const { ExpressPeerServer}=require('peer');
+const peerServer = ExpressPeerServer(server,{
     debug:true 
 });
 app.set('view engine','ejs');

views/room.ejs

@@ -10,15 +10,17 @@
             text-align: center;
         }
         video{
-            display: grid;
             height: 380px;
             width: 300px;
             border-radius: 30px;
-            grid-template-columns: repeat(auto-fill,100px);
-            grid-auto-rows: 300px;
             border: 7px solid rgba(156, 70, 156,.2);
             object-fit: cover;
         }
+        video-grid{
+            display: grid;
+            grid-template-columns: repeat(auto-fill,100px);
+            grid-auto-rows: 300px;
+        }
     </style>
     <script>
         const ROOMID="<%= roomId %>";