WebRTC连接媒体流的三个API：addStream、addTrack、addTransceiver

2023-10-06 07:51:39

WebRTC：在 PeerConnection 中添加媒体流的 3 种方法

在使用 WebRTC 进行实时通信时，将媒体流添加到 PeerConnection 中是至关重要的，以便流媒体的传输和接收。共有三个 API 可用于完成此任务：addStream、addTrack 和 addTransceiver。了解这三个 API 的用法和差异至关重要，以便根据具体需求做出明智的选择。

addStream：简单但受限

addStream API是最简单的，只需要一个 MediaStream 对象。使用 addStream 将媒体流添加到 PeerConnection 后，流中的所有轨道（音频、视频等）都将被添加到 PeerConnection 中。但是，addStream 有一些限制：

轨道控制受限： 使用 addStream，无法对媒体流中的各个轨道进行单独控制。
轨道类型受限： addStream 只能添加包含音频和视频轨道（以及其他一些轨道类型）的媒体流。

addTrack：更灵活的轨道控制

addTrack API 允许更灵活地控制媒体流中的各个轨道。它允许将单个轨道添加到 PeerConnection 中，而不仅仅是整个媒体流。这意味着您可以对每个轨道进行单独控制，例如打开或关闭轨道、调整音量或视频质量。

以下是如何使用 addTrack API：

从媒体流中提取轨道，可以使用 getTracks() 方法实现。
将提取的轨道添加到 PeerConnection 中，可以使用 addTrack() 方法实现。

addTransceiver：实现收发器

addTransceiver API 可实现更高级的流媒体传输和接收。它允许在 PeerConnection 中创建收发器（transceiver），以便发送和接收特定类型的媒体流。以下是如何使用 addTransceiver API：

创建一个收发器对象，可以使用 createTransceiver() 方法实现。
将收发器添加到 PeerConnection 中，可以使用 addTransceiver() 方法实现。
将媒体流中的轨道添加到收发器中，可以使用 sender.replaceTrack() 和 receiver.replaceTrack() 方法实现。

选择合适的 API

在使用 WebRTC 时，根据您的需求选择合适的 API 非常重要：

如果您需要一个简单、快速的解决方案，并且不需要对媒体流进行单独控制，则可以使用 addStream API。
如果您需要对媒体流中的各个轨道进行单独控制，则可以使用 addTrack API。
如果您需要实现更高级的流媒体传输和接收，则可以使用 addTransceiver API。

代码示例

addStream 示例

const pc = new RTCPeerConnection();
const stream = new MediaStream();

pc.addStream(stream);

addTrack 示例

const pc = new RTCPeerConnection();
const stream = new MediaStream();
const audioTrack = stream.getAudioTracks()[0];

pc.addTrack(audioTrack);

addTransceiver 示例

const pc = new RTCPeerConnection();
const transceiver = pc.createTransceiver('video');

// 替换 transceiver 的发送和接收轨道
transceiver.sender.replaceTrack(new MediaStreamTrack());
transceiver.receiver.replaceTrack(new MediaStreamTrack());