Update

.dockerignore

@@ -1,2 +0,0 @@
-node_modules
-doc

Dockerfile

@@ -1,25 +1,11 @@
-FROM ubuntu:22.04
+FROM ubuntu
-
-WORKDIR /app
-
 RUN apt-get update && \
     apt-get install -y build-essential pip net-tools iputils-ping iproute2 curl
 
-RUN curl -fsSL https://deb.nodesource.com/setup_18.x | bash -
+RUN curl -fsSL https://deb.nodesource.com/setup_16.x | bash -
 RUN apt-get install -y nodejs
+RUN npm install -g watchify
 
-COPY . /app/
+EXPOSE 3000
-
+EXPOSE 2000-2020
-RUN npm install
+EXPOSE 10000-10100
-
-EXPOSE 3000/tcp
-EXPOSE 2000-2200/udp
-
-CMD node app.js
-
-#docker build -t linx-video .
-# docker run -it -d --restart always -p 3000:3000/tcp -p 2000-2200:2000-2200/udp linx-video
-#Run under host network
-# docker run -it -d --network host --restart always -p 3000:3000/tcp -p 2000-2200:2000-2200/udp linx-video
-#https://docs.docker.com/config/containers/resource_constraints/
-#docker run -it -d --network host --cpus="0.25" --memory="512m" --restart always -p 3000:3000/tcp -p 2000-2200:2000-2200/udp linx-video

build.sh

@@ -1,40 +1,4 @@
 #/!bin/bash
-## FUNCTIONS
-function getGitVersion(){
-  version=$(git describe)
-  count=$(echo ${version%%-*} | grep -o "\." | wc -l)
-  if (( $count > 1 )); then
-    version=${version%%-*}
-  elif (( $count == 0 ));then
-    echo -e "Error: Git version \"${version%%-*}\" not respecting Safemobile standard.\n Must be like 4.xx or 4.xx.xx"
-    version="0.0.0"
-  else
-    if [[ "$1" == "dev" ]];then
-      cleanprefix=${version#*-} # remove everything before `-` including `-`
-      cleansuffix=${cleanprefix%-*} # remove everything after `-` including `-`
-      version="${version%%-*}.${cleansuffix}"
-    else
-      version="${version%%-*}.0" # one `%` remove everything after last `-`, two `%%` remove everything after all `-`
-    fi
-  fi
-}
-
-function addVersionPm2(){
-  file_pkg="package.json"
-  key="  \"version\": \""
-
-  if [ -f "$file_pkg" ] && [ ! -z "$version" ]; then
-    versionApp="  \"version\": \"$version\","
-    sed -i "s|^.*$key.*|${versionApp//\//\\/}|g" $file_pkg
-    text=$(cat $file_pkg | grep -c "$version")
-    if [ $text -eq 0 ]; then
-      echo "Version couldn't be set"
-    else
-      echo "Version $version successfully applied to App"
-    fi
-  fi
-}
-
 ## PREBUILD PROCESS
 # check dist dir to be present and empty
 if [ ! -d "dist" ]; then
@@ -45,31 +9,38 @@ else
   ## CLEANUP
   rm -fr dist/*
 fi
-
-if [ -d "node_modules" ]; then
-  rm -fr node_modules
-fi
-
 # Install dependencies
 #npm install
 
 ## PROJECT NEEDS
 echo "Building app... from $(git rev-parse --abbrev-ref HEAD)"
 #npm run-script build
-cp -r {.env,app.js,package.json,server,public,doc,Dockerfile} dist/
+cp -r {.env,app.js,package.json,server,public} dist/
-#cp -r ./* dist/
 
-# Generate Git log
+#Add version control for pm2
-dateString=$(date +"%Y%m%d-%H%M%S")
-git log --pretty=format:"%ad%x09%an%x09%s" --no-merges -20 > "dist/git-$dateString.log"
-
-# Get Git version control
-getGitVersion $1
-
-# Add version control for pm2
 cd dist
-addVersionPm2
+#Add version control for pm2
+version=$(git describe)
+file_pkg="package.json"
+key="  \"version\": \""
+
+count=$(echo ${version%%-*} | grep -o "\." | wc -l)
+if (( $count > 1 )); then
+        version=${version%%-*}
+else
+        version="${version%%-*}.0"
+fi
+if [ -f "$file_pkg" ] && [ ! -z "$version" ]; then
+  version="  \"version\": \"$version\","
+  sed -i "s|^.*$key.*|${version//\//\\/}|g" $file_pkg
+  text=$(cat $file_pkg | grep -c "$version")
+  if [ $text -eq 0 ]; then
+          echo "Version couldn't be set"
+  else
+          echo "Version $version successfully applied to App"
+  fi
+fi
 
 ## POST BUILD
 
-cd -
+cd -

public/bundle.js

@@ -20353,7 +20353,7 @@ module.exports = yeast;
 },{}],94:[function(require,module,exports){
 module.exports = {
   hubAddress: 'https://hub.dev.linx.safemobile.com/',
-  mediasoupAddress: 'https://testing.video.safemobile.org/',
+  mediasoupAddress: 'https://testing.video.safemobile.org',
 }
 },{}],95:[function(require,module,exports){
 const io = require('socket.io-client')
@@ -20449,23 +20449,10 @@ 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, kind }) => {
-      console.log(`🟢 new-producer | callId: ${callId} | kind: ${kind} | Ready to consume`);
-      connectRecvTransport();
-    })
-
-    socket.on('close-producer', ({ callId, kind }) => {
-      console.log(`🔴 close-producer | callId: ${callId} | kind: ${kind}`);
-      if (kind === 'video') {
-        consumerVideo.close()
-        remoteVideo.srcObject = null
-      }
-      else if (kind === 'audio') consumerAudio.close()
-    })
   }
   
   if (IS_PRODUCER === true) {
@@ -20744,8 +20731,6 @@ const connectSendTransport = async () => {
   // Enable Close call button
   const closeCallBtn = document.getElementById('btnCloseCall');
   closeCallBtn.removeAttribute('disabled');
-
-  createRecvTransport();
 }
 
 const createRecvTransport = async () => {
@@ -20785,8 +20770,7 @@ const createRecvTransport = async () => {
         errback(error)
       }
     })
-    // We call it in new-rpoducer, we don't need it here anymore
+    connectRecvTransport()
-    // connectRecvTransport()
   })
 }
 
@@ -20827,22 +20811,35 @@ const connectRecvTransport = async () => {
     if (audioParams) {
       console.log('❗ Have AUDIO stream to consume');
       let audioTrack = await getAudioTrask(audioParams)
+      console.log('audioTrack', audioTrack);
       stream.addTrack(audioTrack)
     } else {
       console.log('❗ Don\'t have AUDIO stream to consume');
     }
 
+    console.log('----------stream', stream);
+    console.log('stream.getAudioTracks()', stream.getAudioTracks());
     socket.emit('consumer-resume')
 
     remoteVideo.srcObject = stream
-    remoteVideo.setAttribute('autoplay', true)
+    // remoteVideo.autoplay = true
+    remoteVideo.controls = true;
+    remoteVideo.muted = true;
+    remoteVideo.loop = true;
+    remoteVideo.setAttribute('playsinline', '');
+    remoteVideo.src = stream;
+    remoteVideo.volume = 1.0;
+
+    //   window.localStream = stream; // A
+    //   window.localAudio.srcObject = stream; // B
+    //   window.localAudio.autoplay = true; // C
 
     remoteVideo.play()
     .then(() => {
       console.log('remoteVideo PLAY')
     })
     .catch((error) => {
-      console.error(`remoteVideo PLAY ERROR | ${error.message}`)
+      displayError(`remoteVideo PLAY ERROR | ${error.message}`)
     })
   })
 }
@@ -20855,6 +20852,10 @@ const getVideoTrask = async (videoParams) => {
     rtpParameters: videoParams.rtpParameters
   }) 
 
+  consumerVideo.on('transportclose', () => {
+    console.log('transport closed so consumer closed')
+  })
+
   return consumerVideo.track
 }
 
@@ -20872,24 +20873,24 @@ const getAudioTrask = async (audioParams) => {
 
   const audioTrack = consumerAudio.track
 
-  audioTrack.applyConstraints({
+  // audioTrack.applyConstraints({
-    audio: {
+  //   audio: {
-      advanced: [
+  //     advanced: [
-        {
+  //       {
-          echoCancellation: {exact: true}
+  //         echoCancellation: {exact: true}
-        },
+  //       },
-        {
+  //       {
-          autoGainControl: {exact: true}
+  //         autoGainControl: {exact: true}
-        },
+  //       },
-        {
+  //       {
-          noiseSuppression: {exact: true}
+  //         noiseSuppression: {exact: true}
-        }, 
+  //       }, 
-        {
+  //       {
-          highpassFilter: {exact: true}
+  //         highpassFilter: {exact: true}
-        }
+  //       }
-      ]
+  //     ]
-    }
+  //   }
-  })
+  // })
 
   return audioTrack
 }
@@ -20915,31 +20916,31 @@ const closeCall = () => {
   resetCallSettings()
 }
 
-// const consume = async (kind) => {
+const consume = async () => {
-//   console.log(`[consume] kind: ${kind}`)
+  console.log('[consume]')
-//   console.log('createRecvTransport Consumer')
+  console.log('createRecvTransport Consumer')
-//   await socket.emit('createWebRtcTransport', { sender: false, callId, dispatcher: true }, ({ params }) => {
+  await socket.emit('createWebRtcTransport', { sender: false, callId, dispatcher: true }, ({ params }) => {
-//     if (params.error) {
+    if (params.error) {
-//       console.log('createRecvTransport | createWebRtcTransport | Error', params.error)
+      console.log('createRecvTransport | createWebRtcTransport | Error', params.error)
-//       return
+      return
-//     }
+    }
-//     consumerTransport = device.createRecvTransport(params)
+    consumerTransport = device.createRecvTransport(params)
-//     consumerTransport.on('connect', async ({ dtlsParameters }, callback, errback) => {
+    consumerTransport.on('connect', async ({ dtlsParameters }, callback, errback) => {
-//       try {
+      try {
-//         await socket.emit('transport-recv-connect', {
+        await socket.emit('transport-recv-connect', {
-//           dtlsParameters,
+          dtlsParameters,
-//         })
+        })
-//         callback()
+        callback()
-//       } catch (error) {
+      } catch (error) {
-//         errback(error)
+        errback(error)
-//       }
+      }
-//     })
+    })
     
-//     connectRecvTransport()
+    connectRecvTransport()
-//   })
+  })
-// }
+}
 
 btnLocalVideo.addEventListener('click', getLocalStream)
-// btnRecvSendTransport.addEventListener('click', consume)
+btnRecvSendTransport.addEventListener('click', consume)
 btnCloseCall.addEventListener('click', closeCall)
 },{"./config":94,"mediasoup-client":66,"socket.io-client":82}]},{},[95]);

public/config.js

@@ -1,4 +1,4 @@
 module.exports = {
   hubAddress: 'https://hub.dev.linx.safemobile.com/',
-  mediasoupAddress: 'https://testing.video.safemobile.org/',
+  mediasoupAddress: 'https://testing.video.safemobile.org',
 }

public/index.html

@@ -75,7 +75,7 @@
                         </td>
                         <td>
                             <div id="sharedBtns">
-                                <!-- <button id="btnRecvSendTransport">Consume</button> -->
+                                <button id="btnRecvSendTransport">Consume</button>
                                 <button id="remoteSoundControl">Unmute</button>
                             </div>
                         </td>

public/index.js

@@ -91,23 +91,10 @@ 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, kind }) => {
-      console.log(`🟢 new-producer | callId: ${callId} | kind: ${kind} | Ready to consume`);
-      connectRecvTransport();
-    })
-
-    socket.on('close-producer', ({ callId, kind }) => {
-      console.log(`🔴 close-producer | callId: ${callId} | kind: ${kind}`);
-      if (kind === 'video') {
-        consumerVideo.close()
-        remoteVideo.srcObject = null
-      }
-      else if (kind === 'audio') consumerAudio.close()
-    })
   }
   
   if (IS_PRODUCER === true) {
@@ -386,8 +373,6 @@ const connectSendTransport = async () => {
   // Enable Close call button
   const closeCallBtn = document.getElementById('btnCloseCall');
   closeCallBtn.removeAttribute('disabled');
-
-  createRecvTransport();
 }
 
 const createRecvTransport = async () => {
@@ -427,8 +412,7 @@ const createRecvTransport = async () => {
         errback(error)
       }
     })
-    // We call it in new-rpoducer, we don't need it here anymore
+    connectRecvTransport()
-    // connectRecvTransport()
   })
 }
 
@@ -469,22 +453,35 @@ const connectRecvTransport = async () => {
     if (audioParams) {
       console.log('❗ Have AUDIO stream to consume');
       let audioTrack = await getAudioTrask(audioParams)
+      console.log('audioTrack', audioTrack);
       stream.addTrack(audioTrack)
     } else {
       console.log('❗ Don\'t have AUDIO stream to consume');
     }
 
+    console.log('----------stream', stream);
+    console.log('stream.getAudioTracks()', stream.getAudioTracks());
     socket.emit('consumer-resume')
 
     remoteVideo.srcObject = stream
-    remoteVideo.setAttribute('autoplay', true)
+    // remoteVideo.autoplay = true
+    remoteVideo.controls = true;
+    remoteVideo.muted = true;
+    remoteVideo.loop = true;
+    remoteVideo.setAttribute('playsinline', '');
+    remoteVideo.src = stream;
+    remoteVideo.volume = 1.0;
+
+    //   window.localStream = stream; // A
+    //   window.localAudio.srcObject = stream; // B
+    //   window.localAudio.autoplay = true; // C
 
     remoteVideo.play()
     .then(() => {
       console.log('remoteVideo PLAY')
     })
     .catch((error) => {
-      console.error(`remoteVideo PLAY ERROR | ${error.message}`)
+      displayError(`remoteVideo PLAY ERROR | ${error.message}`)
     })
   })
 }
@@ -497,6 +494,10 @@ const getVideoTrask = async (videoParams) => {
     rtpParameters: videoParams.rtpParameters
   }) 
 
+  consumerVideo.on('transportclose', () => {
+    console.log('transport closed so consumer closed')
+  })
+
   return consumerVideo.track
 }
 
@@ -514,24 +515,24 @@ const getAudioTrask = async (audioParams) => {
 
   const audioTrack = consumerAudio.track
 
-  audioTrack.applyConstraints({
+  // audioTrack.applyConstraints({
-    audio: {
+  //   audio: {
-      advanced: [
+  //     advanced: [
-        {
+  //       {
-          echoCancellation: {exact: true}
+  //         echoCancellation: {exact: true}
-        },
+  //       },
-        {
+  //       {
-          autoGainControl: {exact: true}
+  //         autoGainControl: {exact: true}
-        },
+  //       },
-        {
+  //       {
-          noiseSuppression: {exact: true}
+  //         noiseSuppression: {exact: true}
-        }, 
+  //       }, 
-        {
+  //       {
-          highpassFilter: {exact: true}
+  //         highpassFilter: {exact: true}
-        }
+  //       }
-      ]
+  //     ]
-    }
+  //   }
-  })
+  // })
 
   return audioTrack
 }
@@ -557,30 +558,30 @@ const closeCall = () => {
   resetCallSettings()
 }
 
-// const consume = async (kind) => {
+const consume = async () => {
-//   console.log(`[consume] kind: ${kind}`)
+  console.log('[consume]')
-//   console.log('createRecvTransport Consumer')
+  console.log('createRecvTransport Consumer')
-//   await socket.emit('createWebRtcTransport', { sender: false, callId, dispatcher: true }, ({ params }) => {
+  await socket.emit('createWebRtcTransport', { sender: false, callId, dispatcher: true }, ({ params }) => {
-//     if (params.error) {
+    if (params.error) {
-//       console.log('createRecvTransport | createWebRtcTransport | Error', params.error)
+      console.log('createRecvTransport | createWebRtcTransport | Error', params.error)
-//       return
+      return
-//     }
+    }
-//     consumerTransport = device.createRecvTransport(params)
+    consumerTransport = device.createRecvTransport(params)
-//     consumerTransport.on('connect', async ({ dtlsParameters }, callback, errback) => {
+    consumerTransport.on('connect', async ({ dtlsParameters }, callback, errback) => {
-//       try {
+      try {
-//         await socket.emit('transport-recv-connect', {
+        await socket.emit('transport-recv-connect', {
-//           dtlsParameters,
+          dtlsParameters,
-//         })
+        })
-//         callback()
+        callback()
-//       } catch (error) {
+      } catch (error) {
-//         errback(error)
+        errback(error)
-//       }
+      }
-//     })
+    })
     
-//     connectRecvTransport()
+    connectRecvTransport()
-//   })
+  })
-// }
+}
 
 btnLocalVideo.addEventListener('click', getLocalStream)
-// btnRecvSendTransport.addEventListener('click', consume)
+btnRecvSendTransport.addEventListener('click', consume)
 btnCloseCall.addEventListener('click', closeCall)