msgReceive.js

ws1.onmessage = event => {
      var data1 = JSON.parse(event.data);
      var data2 = null;
      
      if (data1.userId == userId2 || data1.userId.length < 2) {

        return;
      }
      else if (data1.type == 'NewMember') {
        handleNewMemberAndOffer(data1);
      }
      else if (data1.type == "UserId") {

        setUserId(data1.data);

        userId2 = data1.data;
        document.getElementById('status-offline').style.display = 'none';
        document.getElementById('status-online').style.display = 'block';
        document.getElementById('toSend').removeAttribute('disabled');
        document.getElementById('btnSend').removeAttribute('disabled');
        document.getElementById('btnLogin').style.display = 'none';
        document.getElementById('myUsername').setAttribute('readOnly', 'true');

        let myStatus = document.getElementById('myStatus');
        myStatus.className = 'status green';

        document.getElementById('h3-myStatus').innerText = 'online';
        document.getElementById('h3-myStatus').appendChild(myStatus);
        
        toast.success("Connected to Signalling Server. Please click the Show Login/Chat button");
        newMember(userId2);

        
        
      }
      else if (data1.type == "Offer") {

        data2 = JSON.parse(data1.data);
        
        handleNewMemberAndOffer(data1);

      }
      else if (data1.type == "Ice") {
        data2 = JSON.parse(data1.data);
        if (data2) {

          let peer1 = rtcPeers.get(data1.userId);

          if (peer1) {
            console.log("Tambah Ice Candidate");
            peer1.addIceCandidate(new RTCIceCandidate(data2)).catch(error => {
              
              console.log("Error ICE:" + error);
            });
          }
        }
      }
      else if (data1.type == "Answer") {
        data2 = JSON.parse(data1.data);
        let peer1 = rtcPeers.get(data1.userId);
        peer1.setRemoteDescription(new RTCSessionDescription(data2));

      }      
    };