Send answer and connect to transport layer created with 7s delay

public/bundle.js

@@ -20653,8 +20653,8 @@ module.exports = yeast;
 },{}],95:[function(require,module,exports){
 module.exports = {
   hubAddress: 'https://hub.dev.linx.safemobile.com/',
-  // mediasoupAddress: 'https://video.safemobile.org/mediasoup',
+  mediasoupAddress: 'https://video.safemobile.org/mediasoup',
-  mediasoupAddress: 'http://localhost:3000/mediasoup',
+  // mediasoupAddress: 'http://localhost:3000/mediasoup',
 }
 },{}],96:[function(require,module,exports){
 const io = require('socket.io-client')
@@ -20866,6 +20866,7 @@ const getRtpCapabilities = () => {
 }
 
 const createSendTransport = () => {
+
   // see server's socket.on('createWebRtcTransport', sender?, ...)
   // this is a call from Producer, so sender = true
   socket.emit('createWebRtcTransport', { sender: true, callId }, ({ params }) => {
@@ -20876,7 +20877,7 @@ const createSendTransport = () => {
       return
     }
 
-    console.log(params)
+    console.log('params', params)
 
     // creates a new WebRTC Transport to send media
     // based on the server's producer transport params
@@ -20903,7 +20904,7 @@ const createSendTransport = () => {
     })
 
     producerTransport.on('produce', async (parameters, callback, errback) => {
-      console.log(parameters)
+      console.log('produce', parameters)
 
       try {
         // tell the server to create a Producer
@@ -20915,56 +20916,59 @@ const createSendTransport = () => {
           rtpParameters: parameters.rtpParameters,
           appData: parameters.appData,
         }, ({ id }) => {
+          console.log('[transport-produce] callback | id', id);
           // Tell the transport that parameters were transmitted and provide it with the
           // server side producer's id.
           callback({ id })
         })
       } catch (error) {
+        console.log('ERROR | produce |', error);
         errback(error)
       }
     })
-
     connectSendTransport()
   })
 }
 
 const connectSendTransport = async () => {
+  console.log('[connectSendTransport]');
   // we now call produce() to instruct the producer transport
   // to send media to the Router
   // https://mediasoup.org/documentation/v3/mediasoup-client/api/#transport-produce
   // this action will trigger the 'connect' and 'produce' events above
   producer = await producerTransport.produce(params)
   
-  producer.on('trackended', () => {
+  setTimeout(() => {
-    console.log('track ended')
+    producer.on('trackended', () => {
-    // close video track
+      console.log('track ended')
-  })
+      // close video track
+    })
   
-  producer.on('transportclose', () => {
+    producer.on('transportclose', () => {
-    console.log('transport ended')
+      console.log('transport ended')
-    // close video track
+      // close video track
-  })
+    })
   
-  const answer = {
+    // Enable Close call button
-    origin_asset_id: ASSET_ID,
+    const closeCallBtn = document.getElementById('btnCloseCall');
-    dest_asset_id: originAssetId || parseInt(urlParams.get('dest_asset_id')),
+    closeCallBtn.removeAttribute('disabled');
-    type: 'notify-answer',
-    origin_asset_priority: 1,
-    origin_asset_type_name: ASSET_TYPE,
-    origin_asset_name: ASSET_NAME,
-    video_call_id: callId,
-    answer: 'accepted', // answer: 'rejected'
-  };
-  console.log('SEND answer', answer);
 
-  hub.emit(
+    const answer = {
-    'video',
+      origin_asset_id: ASSET_ID,
-    JSON.stringify(answer)
+      dest_asset_id: originAssetId || parseInt(urlParams.get('dest_asset_id')),
-  );
+      type: 'notify-answer',
-
+      origin_asset_priority: 1,
-  // Enable Close call button
+      origin_asset_type_name: ASSET_TYPE,
-  const closeCallBtn = document.getElementById('btnCloseCall');
+      origin_asset_name: ASSET_NAME,
-  closeCallBtn.removeAttribute('disabled');
+      video_call_id: callId,
+      answer: 'accepted', // answer: 'rejected'
+    };
+    console.log('SEND answer', answer);
+    hub.emit(
+      'video',
+      JSON.stringify(answer)
+    );
+  }, 7000);
 }
 
 const createRecvTransport = async () => {
@@ -21009,7 +21013,6 @@ const createRecvTransport = async () => {
 }
 
 const resetCallSettings = () => {
-  socket.emit('transportclose', { callId })
   localVideo.srcObject = null
   remoteVideo.srcObject = null
   consumer = null
@@ -21060,9 +21063,9 @@ const closeCall = () => {
   
   // Emit 'notify-end' to Hub so the consumer will know to close the video
   const notifyEnd = {
-    origin_asset_id: ASSET_ID,
+      origin_asset_id: ASSET_ID,
-    dest_asset_id: originAssetId || parseInt(urlParams.get('dest_asset_id')),
+      dest_asset_id: originAssetId || parseInt(urlParams.get('dest_asset_id')),
-    type: 'notify-end', 
+      type: 'notify-end', 
     video_call_id: callId
   }
   console.log('notifyEnd', notifyEnd)
@@ -21072,7 +21075,7 @@ const closeCall = () => {
   const closeCallBtn = document.getElementById('btnCloseCall')
   closeCallBtn.setAttribute('disabled', '')
 
-  // Reset settings and send closeTransport to video server
+  // Reset settings
   resetCallSettings()
 }
 

public/index.js

@@ -272,14 +272,14 @@ const createSendTransport = () => {
 }
 
 const connectSendTransport = async () => {
-  setTimeout(() => {
+  console.log('[connectSendTransport]');
-    console.log('[connectSendTransport]');
+  // we now call produce() to instruct the producer transport
-    // we now call produce() to instruct the producer transport
+  // to send media to the Router
-    // to send media to the Router
+  // https://mediasoup.org/documentation/v3/mediasoup-client/api/#transport-produce
-    // https://mediasoup.org/documentation/v3/mediasoup-client/api/#transport-produce
+  // this action will trigger the 'connect' and 'produce' events above
-    // this action will trigger the 'connect' and 'produce' events above
+  producer = await producerTransport.produce(params)
-    producer = await producerTransport.produce(params)
   
+  setTimeout(() => {
     producer.on('trackended', () => {
       console.log('track ended')
       // close video track