Video Conferencing app load issue when using vuejs and peerjs

[nayak2002]

I have developed a video conferencing web app, dev stack - vuejs, peerjs, Socket.io, Nodejs and Expressjs, the problem I am facing is that the application works almost perfectly in a call for 3 people but the functionality breaks in a call for more than 5-6 people. Would appreciate any suggestions.

I tried applying constraints for the media stream previously to reduce the bandwidth which had improved the call quality.

I have also tried using a Google Stun server and my own peer server.

What is happening is the video for a few people freezes, or the video is just a blank screen, or even if the mic is unmuted the audio is not sent to the other people in the call.

 const options = {
    video: {
      width: { ideal: 640 },      // Desired width
      height: { ideal: 360 },     // Desired height
      frameRate: { ideal: 15 }    // Desired frame rate
    },
    audio: {
      sampleRate: 16000,
      channelCount: 1,
      sampleSize: 8,
    },
  };

These are the constraints I've used for the media stream.

[LinusBorg]

How is that related to Vue?