WebRTC - 如何更改現有 stream 的音軌

Question

我與音頻和視頻建立了 webRTC 連接。

在來電方，我想更改音頻輸入。

例如，用戶從下拉列表中更改audioinput 。

替換現有 stream 的音軌的工作流程是什么？

我可以添加另一個音軌並使一個音軌在另一個音軌上處於活動狀態嗎？ 如何？

看起來我可能需要再次調用getUserMedia傳遞約束（？），據我所知，這是為了創建一個新的mediaStream實例而不是修改現有實例。

Answer 1

對我們來說，它看起來像這樣：

const replaceTrack = async (peerConnection, oldSender, track, stream) => {
  peerConnection.removeTrack(oldSender);

  const newSender = peerConnection.addTrack(track, stream);

  const localSdp = await peerConnection.createOffer({ offerToReceiveAudio: 1 });
  await peerConnection.setLocalDescription(reply);

  const response = await sendOffer(peerConnection.localDescription);

  const description = new RTCSessionDescription(response);
  peerConnection.setRemoteDescription(description);

  return newSender;
}

Answer 2

對於此操作，現在有一個更簡單的 API： RTCRtpSender.replaceTrack( )。

它可能看起來像這樣：

const currentSenders = peerConnection.getSenders();

const currentAudioSender = currentSenders.find((s) => s.track.kind === 'audio');

currentAudioSender.replaceTrack(newAudioTrack);