2

我正在使用 Amazon-chime-sdk-js 使用 React JS 创建视频会议服务。我正在跟踪一个包含本地和远程视频图块的“tileStates”数组。tileStates 数组在观察者的 'videoTileDidUpdate' 和 'videoTileWasRemoved' 方法中更新。'tileStates' 数组中的图块通过 'bindVideoElement' 方法绑定到视频元素。当用户加入会议时，所有视频图块似乎都可以正常工作。但是当用户关闭他的相机时，他屏幕上的一个远程用户的磁贴变黑了。该错误的发生并不一致，即有人关闭相机并不能保证其中一个远程用户的视频会在他的屏幕上变黑。有时会发生，有时不会。

以下是本质上的观察者方法：

videoTileDidUpdate: tileState => {
    setState((state)=> {
       const { tileStates } = state;
       const tileId = parseInt(tileState.tileId, 10);
       const index = tileStatesDraft.findIndex(tileState => tileState.tileId === tileId)}); 
       if (index >= 0) {
           return;
       }
       tileStatesDraft.push(tileState);
       return { tileStates: tileStatesDraft };
}

videoTileWasRemoved: tileId => {
   setState( state => {
      const { tileStates } = state;
      const tileStatesDraft = [...tileStates];
      let index = tileStatesDraft.findIndex(tileState => tileState.tileId === tileId);

      if (index >= 0) {
          tileStatesDraft.splice(index, 1);
         return { tileStates: tileStatesDraft };
      }
   })
}

视频流的边界如下：

const videoElement = this.videoRef.current;
meeting.meetingSession.audioVideo.bindVideoElement(tile.tileId, videoElement);

黑屏

这是重新创建错误的顺序（请记住，错误并不总是重新创建；有时一切都很好）：

  1. 用户 A 加入会议并打开摄像头
  2. 用户 B 加入会议并打开摄像头......两个用户都可以完美地看到对方
  3. 用户 A 关闭他的相机。A的本地瓦片被移除，用户A屏幕中B的视频瓦片变黑

** PS- 一旦用户 B 的磁贴在用户 A 的屏幕上变黑，即使用户 B 关闭相机，磁贴也不会被移除。即，在用户B的瓷砖在他的一侧变黑后，在用户A的末尾没有为用户B的相机调用videoTileWasRemoved**

4

0 回答 0