test

app.js

@@ -192,7 +192,6 @@ peers.on('connection', async socket => {
       if (callId) {
         console.log(`[createRoom] socket.id ${socket.id} callId ${callId}`);
         if (!videoCalls[callId]) {
-          console.log('[createRoom] callId', callId);
           videoCalls[callId] = { router: await worker.createRouter({ mediaCodecs }) };
           console.log(`[createRoom] Router ID: ${videoCalls[callId].router.id}`);
           videoCalls[callId].receiverSocket = socket;
@@ -259,11 +258,19 @@ peers.on('connection', async socket => {
       if (typeof dtlsParameters === 'string') dtlsParameters = JSON.parse(dtlsParameters);
 
       console.log(`[transport-connect] socket ${socket.id} | callId ${callId}`);
+
       if (!isInitiator(callId, socket.id)) {
         await videoCalls[callId].receiverProducerTransport.connect({ dtlsParameters });
+        videoCalls[callId].initiatorSocket.emit('new-producer', {
+          callId
+        });
       } else {
         await videoCalls[callId].initiatorProducerTransport.connect({ dtlsParameters });
+        videoCalls[callId].receiverSocket.emit('new-producer', {
+          callId
+        });
       }
+
     } catch (error) {
       console.log(`ERROR | transport-connect | callId ${socketDetails[socket.id]} | ${error.message}`);
     }
@@ -280,71 +287,6 @@ peers.on('connection', async socket => {
       if (typeof rtpParameters === 'string') rtpParameters = JSON.parse(rtpParameters);
       
       console.log(`[transport-produce] kind: ${kind} | socket: ${socket.id} | callId: ${callId}`);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-      // const router = videoCalls[callId].router;
-
-      // router.observer.on("newtransport", (transport) => {
-      //   transport.observer.on("newproducer", (producer) => {
-
-      //     console.log(
-      //       "new producer created [worker.pid:%d, router.id:%s, transport.id:%s, producer.id:%s]",
-      //       worker.pid, router.id, transport.id, producer.id
-      //     );
-
-      //     if (!isInitiator(callId, socket.id)) {
-      //       console.log('🟥 Emit to initiatorSocket');
-      //       initiatorSocket.emit('new-producer', {
-      //         callId
-      //       });
-
-      //     } else {
-      //       console.log('🟥 Emit to receiverSocket');
-      //       receiverSocket.emit('new-producer', {
-      //         callId
-      //       });
-      //     }
-      //   });
-      
-      // });
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
       
       if (kind === 'video') {
         if (!isInitiator(callId, socket.id)) {
@@ -644,7 +586,7 @@ const consumeAudio = async (callId, socketId, rtpCapabilities) => {
 }
 
 const isInitiator = (callId, socketId) => {
-  return (videoCalls[callId].initiatorSocket.id === socketId);
+  return (videoCalls[callId]?.initiatorSocket?.id === socketId);
 }
 
 /*
@@ -672,7 +614,6 @@ const createWebRtcTransportLayer = async (callId, callback) => {
     
     // https://mediasoup.org/documentation/v3/mediasoup/api/#router-createWebRtcTransport
     let transport = await videoCalls[callId].router.createWebRtcTransport(webRtcTransport_options)
-    console.log(`callId: ${callId} | transport id: ${transport.id}`)
 
     // Handler for when DTLS(Datagram Transport Layer Security) changes
     transport.on('dtlsstatechange', dtlsState => {

public/bundle.js

@@ -20449,10 +20449,14 @@ setTimeout(() => {
       console.log(`[MEDIA] ${config.mediasoupAddress} | connected: ${socket.connected} | existsProducer: ${existsProducer}`)
       if (!IS_PRODUCER && existsProducer && consumer === undefined) { 
         goConnect()
-        // document.getElementById('btnRecvSendTransport').click();
       }
       if (IS_PRODUCER && urlParams.get('testing') === 'true') { getLocalStream() }
     })
+
+    socket.on('new-producer', ({ callId }) => {
+      console.log(`🟢 new-producer | callId: ${callId} | Ready to consume`);
+      consume()
+    })
   }
   
   if (IS_PRODUCER === true) {

public/index.js

@@ -91,14 +91,14 @@ setTimeout(() => {
       console.log(`[MEDIA] ${config.mediasoupAddress} | connected: ${socket.connected} | existsProducer: ${existsProducer}`)
       if (!IS_PRODUCER && existsProducer && consumer === undefined) { 
         goConnect()
-        // document.getElementById('btnRecvSendTransport').click();
       }
       if (IS_PRODUCER && urlParams.get('testing') === 'true') { getLocalStream() }
     })
 
-    // socket.on('new-producer', ({ callId }) => {
+    socket.on('new-producer', ({ callId }) => {
-    //   console.log(`🟥 new-producer | callId: ${callId}`);
+      console.log(`🟢 new-producer | callId: ${callId} | Ready to consume`);
-    // })
+      consume()
+    })
   }
   
   if (IS_PRODUCER === true) {