使用WebRTC添加音视频轨道时传递设备元数据的可行性咨询

• 直接给MediaStreamTrack附加自定义属性
  WebRTC的MediaStreamTrack本身支持通过setAttribute()和getAttribute()方法添加、读取自定义元数据，这些数据会随轨道同步到远端：

  // 本地端：获取音视频轨道后添加元数据
  const localVideoTrack = stream.getVideoTracks()[0];
  localVideoTrack.setAttribute('deviceId', localVideoTrack.getSettings().deviceId);
  localVideoTrack.setAttribute('deviceName', '前置高清摄像头');
  localVideoTrack.setAttribute('userTag', 'room-456-user-789');
  
  // 远端端：接收轨道时读取元数据
  peerConnection.ontrack = (event) => {
    const remoteTrack = event.track;
    const deviceId = remoteTrack.getAttribute('deviceId');
    const deviceName = remoteTrack.getAttribute('deviceName');
    // 后续业务逻辑处理
  };
  

  这种方式简单直接，元数据和轨道生命周期绑定，只要轨道存在就能读取。

• 修改SDP协商内容注入元数据
  如果需要在连接建立阶段就传递设备信息，可以在生成Offer/Answer时修改SDP，加入自定义的a-开头字段（符合SDP规范）：

  // 本地端生成Offer后修改SDP
  peerConnection.createOffer().then(offer => {
    const localTrack = stream.getVideoTracks()[0];
    // 在视频媒体描述前插入自定义元数据字段
    const modifiedSDP = offer.sdp.replace(
      'm=video',
      `a=device-id:${localTrack.getSettings().deviceId}\r\na=device-name:${localTrack.label}\r\nm=video`
    );
    offer.sdp = modifiedSDP;
    return peerConnection.setLocalDescription(offer);
  });
  
  // 远端端解析SDP提取元数据
  peerConnection.setRemoteDescription(remoteOffer).then(() => {
    const sdpLines = remoteOffer.sdp.split('\r\n');
    let deviceId, deviceName;
    sdpLines.forEach(line => {
      if (line.startsWith('a=device-id:')) {
        deviceId = line.split(':')[1];
      } else if (line.startsWith('a=device-name:')) {
        deviceName = line.split(':')[1];
      }
    });
    // 拿到数据后做对应处理
  });
  

  这种方式适合需要提前确认设备信息的场景，注意自定义字段不要和标准SDP字段冲突，统一用a-前缀。

• 用DataChannel同步动态元数据
  如果元数据需要动态更新（比如切换设备后同步新的设备信息），可以专门创建一个DataChannel来传递轨道关联的元数据：

  // 本地端创建DataChannel并发送元数据
  const metaChannel = peerConnection.createDataChannel('track-meta');
  metaChannel.onopen = () => {
    const localTrack = stream.getVideoTracks()[0];
    metaChannel.send(JSON.stringify({
      trackId: localTrack.id,
      deviceId: localTrack.getSettings().deviceId,
      deviceName: localTrack.label,
      timestamp: Date.now()
    }));
  };
  
  // 远端端接收DataChannel数据并绑定到对应轨道
  peerConnection.ondatachannel = (event) => {
    const metaChannel = event.channel;
    metaChannel.onmessage = (event) => {
      const metaInfo = JSON.parse(event.data);
      // 通过trackId找到对应的远端轨道
      const matchedTrack = peerConnection.getReceivers()
        .find(receiver => receiver.track.id === metaInfo.trackId)?.track;
      if (matchedTrack) {
        matchedTrack.setAttribute('deviceId', metaInfo.deviceId);
        matchedTrack.setAttribute('deviceName', metaInfo.deviceName);
      }
    };
  };
  

  这种方式灵活性高，适合需要实时更新元数据的场景。

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