无需信令服务器，能否通过RTCPeerConnection发送SDP应答？

核心结论 #

WebRTC的SDP会话协商信息（包括Offer和应答）必须依赖外部信令通道传输，无法通过RTCPeerConnection本身直接发送SDP应答。RTCPeerConnection负责建立的是媒体数据传输通道，而SDP属于会话初始化协商内容，必须在媒体通道建立前完成交换。

示例1：常规WebRTC信令流程（可运行） #

常规场景中，信令服务器负责中转SDP和ICE候选，完整流程及代码如下：

流程步骤 #

1. 本地创建RTCPeerConnection，生成SDP Offer并设置为本地描述
2. 本地通过信令服务器将Offer发送至远端
3. 远端接收Offer后，创建RTCPeerConnection，设置远端描述为该Offer，生成SDP应答并设置为本地描述
4. 远端通过信令服务器将应答回传至本地
5. 双方收集ICE候选并通过信令服务器交换，最终建立媒体连接

可运行代码示例 #

// 本地端代码
const localPc = new RTCPeerConnection();
localPc.onicecandidate = e => {
  if (e.candidate) {
    // 信令通道发送ICE候选给远端
    sendSignalingData({ type: 'ice', candidate: e.candidate });
  }
};

async function initOffer() {
  const offer = await localPc.createOffer();
  await localPc.setLocalDescription(offer);
  // 信令通道发送Offer给远端
  sendSignalingData({ type: 'offer', sdp: offer.sdp });
}

// 远端端代码
const remotePc = new RTCPeerConnection();
remotePc.onicecandidate = e => {
  if (e.candidate) {
    // 信令通道发送ICE候选给本地
    sendSignalingData({ type: 'ice', candidate: e.candidate });
  }
};

// 监听信令通道消息
onSignalingDataReceived(async data => {
  if (data.type === 'offer') {
    await remotePc.setRemoteDescription(new RTCSessionDescription(data));
    const answer = await remotePc.createAnswer();
    await remotePc.setLocalDescription(answer);
    // 信令通道发送应答给本地
    sendSignalingData({ type: 'answer', sdp: answer.sdp });
  } else if (data.type === 'ice') {
    await remotePc.addIceCandidate(new RTCIceCandidate(data.candidate));
  }
});

示例2：无信令回传SDP应答的问题分析 #

你期望的流程是：本地生成Offer并收集所有ICE候选，通过信令服务器一次性发送给远端，远端尝试通过WebRTC回传SDP应答，但代码仅输出初始交互日志，无法正常工作。

问题根源 #

1. 时序逻辑错误：远端需先完成setRemoteDescription（设置Offer），才能生成SDP应答，若步骤颠倒，会直接导致操作失败
2. 通道用途混淆：SDP应答属于协商信息，必须在媒体通道建立前通过信令通道传输，此时RTCPeerConnection的媒体通道尚未就绪，无法承载SDP数据
3. ICE候选处理不当：一次性接收所有ICE候选时，需确保在设置远端Offer描述后再添加候选，否则候选无法生效

修正思路 #

即使一次性发送Offer和ICE候选，SDP应答仍需通过原信令通道回传。修正后的远端代码需严格遵循时序：

// 修正后的远端代码
const remotePc = new RTCPeerConnection();
remotePc.onicecandidate = e => {
  if (e.candidate) {
    // 仍需通过信令通道发送ICE候选
    sendSignalingData({ type: 'ice', candidate: e.candidate });
  }
};

onSignalingDataReceived(async data => {
  if (data.type === 'offer-with-ice') {
    // 先设置远端Offer描述
    await remotePc.setRemoteDescription(new RTCSessionDescription(data.offer));
    // 批量添加ICE候选
    for (const candidate of data.iceCandidates) {
      await remotePc.addIceCandidate(new RTCIceCandidate(candidate));
    }
    // 生成应答并通过信令通道回传
    const answer = await remotePc.createAnswer();
    await remotePc.setLocalDescription(answer);
    sendSignalingData({ type: 'answer', sdp: answer.sdp });
  }
});

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