如何在不同的轨道上同时进行屏幕共享和摄像头视频？

Question

我正在为一个已经使用 webRTC 的网络应用程序测试 Agora 功能。目前，它使用一个单独的音频轨道和两个视频轨道：一个用于相机，另一个用于屏幕共享。

当我尝试共享屏幕时，如果不取消发布相机轨道我就无法发布它，就像 4.x sdk 版本的文档说的那样：https://docs.agora.io/en/video-calling/develop/product-workflow?platform=web

Agora.io screen share sequence diagram

我该如何解决这个问题？对我来说，这似乎是视频聊天的典型案例，其中一个用户共享他的屏幕并不断显示他的音频和视频来展示一些东西。

我的代码：

  async startScreenShare(id?: string): Promise<void> {
    let stream: MediaStream;
    if (!id) {
      stream = await (navigator.mediaDevices as any).getDisplayMedia({
        audio: false,
        video: true,
      });
    } else {
      const constraint = {
        audio: false,
        video: {
          mandatory: {
            chromeMediaSource: 'screen',
            chromeMediaSourceId: id,
          },
        },
      };

      stream = await navigator.mediaDevices.getUserMedia(constraint as any);
    }

    const videoTrack = stream.getTracks()[0];

    this.rtc.screenVideoTrack = AgoraRTC.createCustomVideoTrack({
      mediaStreamTrack: videoTrack,
    });

    this.rtc.client.unpublish(this.rtc.localVideoTrack);

    await this.rtc.client.publish(this.rtc.screenVideoTrack);

  }

它正在工作但失去了相机轨道。

Answer 1

AgoraRTCClient 对象可以发布只有一个视频轨道.

创建新的AgoraRTCClient 以发布另一首曲目。

参见Agora Docs。