如何为RTCPeerConnection添加多个对等端？连接报错解决

核心结论 #

同一个RTCPeerConnection实例只能对应一对一的对等连接，无法通过多次调用setRemoteDescription()为它添加多个远程会话描述——这就是你触发Cannot set remote answer in state stable错误的原因：当前连接已经和第二个对等端协商完成进入稳定状态，不能再复用它处理第三个对等端的应答。

让第三个对等端成功连接的方案 #

你之前尝试新建peerConnection的思路是对的，没成功大概率是没做好信令消息的区分绑定和媒体流的复用添加，具体调整如下：

1. 给每个对等端分配唯一标识 #

房间内的所有信令消息（offer、answer、ice候选）都要带上发送方的唯一ID（比如客户端生成的UUID），这样接收方可以识别消息属于哪个对等连接，避免混淆。

2. 维护peerConnection实例的映射表 #

用一个对象或者Map来存储每个对等端ID对应的RTCPeerConnection实例，比如：

// 存储格式：{ 对等端ID: RTCPeerConnection实例 }
const peerConnections = new Map();

3. 处理新对等端的加入请求 #

当收到第三个对等端的offer时：

• 生成新的RTCPeerConnection实例
• 将本地媒体流的所有轨道添加到这个新实例中（如果已经获取过摄像头/麦克风流，直接复用即可）
• 监听这个实例的icecandidate事件，把候选消息带上对等端ID发送到房间
• 设置远程描述并生成应答，发送给对应的对等端
• 将这个新实例存入映射表

示例代码片段：

// 收到新对等端的offer时
async function handleOffer(data) {
  const peerId = data.senderId;
  // 创建新的peerConnection
  const pc = new RTCPeerConnection(iceConfig);
  
  // 添加本地媒体流轨道
  localStream.getTracks().forEach(track => pc.addTrack(track, localStream));
  
  // 监听ice候选并发送
  pc.onicecandidate = (e) => {
    if (e.candidate) {
      sendToRoom({
        type: 'ice-candidate',
        candidate: e.candidate,
        targetId: peerId,
        senderId: localPeerId
      });
    }
  };
  
  // 设置远程offer
  await pc.setRemoteDescription(new RTCSessionDescription(data.offer));
  // 生成应答
  const answer = await pc.createAnswer();
  await pc.setLocalDescription(answer);
  
  // 发送应答给对应的对等端
  sendToRoom({
    type: 'answer',
    answer: answer,
    targetId: peerId,
    senderId: localPeerId
  });
  
  // 存入映射表
  peerConnections.set(peerId, pc);
}

4. 处理ice候选消息 #

收到ice候选时，根据消息里的senderId找到对应的peerConnection实例，再添加候选：

async function handleIceCandidate(data) {
  const pc = peerConnections.get(data.senderId);
  if (pc) {
    await pc.addIceCandidate(new RTCIceCandidate(data.candidate));
  }
}

5. 处理对等端断开 #

当某个对等端离开房间时，从映射表中删除对应的peerConnection并关闭，避免资源浪费：

function handlePeerLeave(peerId) {
  const pc = peerConnections.get(peerId);
  if (pc) {
    pc.close();
    peerConnections.delete(peerId);
  }
}

内容的提问来源于stack exchange，提问作者Eric