WebRTC: коннект больше 2 пользователей

'use strict';

const startButton = document.getElementById('startButton');
const callButton1 = document.getElementById('callButton1');
const callButton2 = document.getElementById('callButton2');
const hangupButton = document.getElementById('hangupButton');

callButton1.disabled = true;
callButton2.disabled = true;
hangupButton.disabled = true;
startButton.onclick = start;
callButton1.onclick = callTwo;
callButton2.onclick = callAttach;
hangupButton.onclick = hangup;

const offerOptions = {
  offerToReceiveAudio: 1,
  offerToReceiveVideo: 1
};
const servers = null;

console.log = () => {}

function gotStream(stream) {
  console.log('Получаем локальный стрим с камеры');
  document.querySelector('video#video1').srcObject = stream;
  window.localStream = stream;
  callButton1.disabled = false;
}
function start() {
  console.log('Запрос на получение локального стрима с камеры');
  startButton.disabled = true;
  navigator.mediaDevices
      .getUserMedia({
        audio: true,
        video: true
      })
      .then(gotStream)
      .catch(e => console.log('getUserMedia() error: ', e));
}
class PeerConnection {
  constructor(videoElement){
    this.videoElement = videoElement;
    this.pcLocal = new RTCPeerConnection(servers);
    this.pcRemote = new RTCPeerConnection(servers);
    this.pcRemote.ontrack = this.gotRemoteStream;
    this.pcLocal.onicecandidate = this.iceCallbackLocal;
    this.pcRemote.onicecandidate = this.iceCallbackRemote;
    // создаем оффер для подключения
    window.localStream.getTracks().forEach(track => this.pcLocal.addTrack(track, window.localStream));
    this.pcLocal
      .createOffer(offerOptions)
        .then(this.gotDescriptionLocal, onCreateSessionDescriptionError);
  }  
  gotDescriptionLocal = (desc) => {
    this.pcLocal.setLocalDescription(desc);
    console.log(`Установили локальное описание\n${desc.sdp}`);
    this.pcRemote.setRemoteDescription(desc);
    // отсылаем одобрение на получение видео
    this.pcRemote.createAnswer().then(this.gotDescriptionRemote, onCreateSessionDescriptionError);
  }
  gotDescriptionRemote = (desc) => {
    this.pcRemote.setLocalDescription(desc);
    console.log(`Получили ответ с удаленного соединения\n${desc.sdp}`);
    this.pcLocal.setRemoteDescription(desc);
  }
  gotRemoteStream = (e) => {
    if (this.videoElement.srcObject !== e.streams[0]) {
      this.videoElement.srcObject = e.streams[0];
      console.log('pc: получаем и отображаем удаленный стрим');
    }
  }
  iceCallbackLocal = (event) => {
    if (event.candidate){
      handleCandidate(event.candidate, this.pcRemote, 'pc: ', 'локальный кандидат на удаленном соединении');
    }
  }
  iceCallbackRemote = (event) => {
    if (event.candidate){
      handleCandidate(event.candidate, this.pcLocal, 'pc: ', 'удаленный кандидат на локальном соединении');
    }
  }
  close(){
    // закрываем соединения
    this.pcLocal.close();
    this.pcRemote.close();
    this.pcLocal = this.pcRemote = null;
  }
}
// два удаленных соединения (соединение локальное + удалленое)
let pc1 = null;
let pc2 = null;

function callTwo() {
  callButton1.disabled = true;
  callButton2.disabled = false;
  hangupButton.disabled = false;
  console.log('Начало звонка');
  const audioTracks = window.localStream.getAudioTracks();
  const videoTracks = window.localStream.getVideoTracks();
  if (audioTracks.length > 0) {
    console.log(`Используется аудио устройство: ${audioTracks[0].label}`);
  }
  if (videoTracks.length > 0) {
    console.log(`Используется видео устройство: ${videoTracks[0].label}`);
  }
  // инициализация участников
  pc1 = new PeerConnection(document.querySelector('video#video2'))
  //pc2 = new PeerConnection(document.querySelector('video#video3'))
}
function callAttach() {
  callButton2.disabled = true;
  pc2 = new PeerConnection(document.querySelector('video#video3'))
}
// положить трубку
function hangup() {
  console.log('Ending calls');
  pc1.close();
  pc2.close();
  hangupButton.disabled = true;
  callButton1.disabled = false;
}

// добавление кандидатов к соединению
function handleCandidate(candidate, dest, prefix, type) {
  dest.addIceCandidate(candidate)
      .then(onAddIceCandidateSuccess, onAddIceCandidateError);
  console.log(`${prefix}New ${type} ICE candidate: ${candidate ? candidate.candidate : '(null)'}`);
}
// обработчик успешного добавления участника
function onAddIceCandidateSuccess() {
  console.log('AddIceCandidate success.');
}
// обработчик ошибки добавления участника
function onAddIceCandidateError(error) {
  console.log(`Failed to add ICE candidate: ${error.toString()}`);
}
// обработчик ошибки создания описания 
function onCreateSessionDescriptionError(error) {
  console.log(`Failed to create session description: ${error.toString()}`);
}

video {
  width: 150px;
  height: 100px;
  border: 1px solid black;
}    

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="utf-8">
</head>
<body>
<div id="container">
  <video id="video1" playsinline autoplay muted></video>
  <video id="video2" playsinline autoplay></video>
  <video id="video3" playsinline autoplay></video>
  <div>
    <button id="startButton">Получить стрим</button>
    <button id="callButton1">Соединение 2х</button>
    <button id="callButton2">Подключение 1го</button>
    <button id="hangupButton">Завершить</button>
  </div>
</div>
</body>
</html>