WebRTC视频聊天问题：无摄像头用户无法接收对方视频流求助

核心问题 #

当无摄像头用户（用户2）未启用摄像头时，应用未正确配置RTCPeerConnection的媒体接收规则，导致无法建立远端视频流的传输通道——WebRTC要求双方在SDP协商阶段明确媒体能力，仅当双方都同意接收视频时，才会完成流的传输。

具体修复步骤 #

1. 强制声明接收远端媒体的能力 #

生成offer/answer时，无论本地是否有摄像头，都要明确指定愿意接收视频/音频：

// 统一设置offer/answer的媒体约束
const mediaConstraints = {
  offerToReceiveVideo: true,
  offerToReceiveAudio: true
};

// 生成offer时传入约束
peerConnection.createOffer(mediaConstraints)
  .then(offer => peerConnection.setLocalDescription(offer))
  .then(() => socket.emit('offer', peerConnection.localDescription));

// 生成answer时同样传入约束
peerConnection.createAnswer(mediaConstraints)
  .then(answer => peerConnection.setLocalDescription(answer))
  .then(() => socket.emit('answer', peerConnection.localDescription));

2. 分离本地流与连接初始化逻辑 #

不要将RTCPeerConnection的创建和ontrack事件监听绑定在本地流获取的回调中——无摄像头用户没有本地流，会导致这部分逻辑不执行：

// 正确逻辑：先创建连接并监听远端轨道，再处理本地流
const initPeerConnection = () => {
  peerConnection = new RTCPeerConnection(iceConfig);
  
  // 必须监听ontrack事件，处理远端流
  peerConnection.ontrack = (event) => {
    if (event.track.kind === 'video') {
      remoteVideo.current.srcObject = event.streams[0];
    }
  };

  // 处理ICE候选
  peerConnection.onicecandidate = (event) => {
    if (event.candidate) socket.emit('ice-candidate', event.candidate);
  };
};

// 初始化连接（无论是否有本地流）
initPeerConnection();

// 有摄像头的用户再获取本地流并添加到连接
if (hasCamera) {
  navigator.mediaDevices.getUserMedia({ video: true, audio: true })
    .then(stream => {
      localStream = stream;
      localStream.getTracks().forEach(track => peerConnection.addTrack(track, localStream));
    });
}

3. 检查SDP协商内容 #

在浏览器控制台中打印交换的offer/answer的SDP，确认包含m=video字段：

// 发送offer前打印SDP
console.log('Offer SDP:', peerConnection.localDescription.sdp);

如果SDP中没有m=video，说明媒体约束配置错误，需要重新调整。

4. 修正useWebRTC.js中的关键逻辑 #

你的代码大概率存在以下问题：

• 仅在获取到本地流后才创建RTCPeerConnection，导致无摄像头用户无法初始化接收逻辑
• ontrack事件监听被包裹在本地流获取的回调内，无摄像头用户无法触发该监听
• 媒体约束中错误设置了offerToReceiveVideo: false

验证方法 #

1. 让用户2禁用摄像头，打开浏览器控制台，执行peerConnection.getReceivers()，查看是否存在视频接收器
2. 确认ontrack事件在用户2端是否被触发（可在事件回调中加console.log）
3. 检查Socket.io传递的SDP是否包含视频媒体描述

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