Twilio 远程视频在 iOS Safari 上很暗

如何解决Twilio 远程视频在 iOS Safari 上很暗

我正在使用 Twilio Video 创建视频/聊天应用程序，并且远程视频轨道在 Safari IOS（使用 Safari Technology Preview）上显示为黑色，如下图所示。 （单向视频）

我认为问题出在浏览器自动播放策略上，但我认为这不应该是这种情况，因为音频轨道已播放，而视频轨道仍然是暗的。 此外，我确保用户按下“加入呼叫”按钮，以确保用户交互，这允许渲染运行此 React useEffect 的组件。

视频编解码器为H264，保证所有Safari用户都可以加入房间（Group Room）

  useEffect(() => {
    const canConnectToRoom = !room && !isConnectingToRoom && token && roomName

    if (canConnectToRoom) {
      connectToRoom(token,{
        video: false,name: roomName,})
    }
  },[room,isConnectingToRoom,token,roomName,connectToRoom])

任何帮助将不胜感激，谢谢。

更新 1：

接收远程视频流

1.呈现 RemoteParticipant 组件：

折叠代码用于在禁用远程摄像头时呈现后备 UI（当禁用远程摄像头时会显示，但启用远程摄像头时只会显示黑屏）

2.提取参与者的出版物

3.将发布轨道渲染为：

4.渲染视频轨道

5. Safari 控制台中的警告

控制台中的警告被打印出来，直到我允许麦克风访问。我尝试在允许麦克风访问后加入房间，我们通过这种方式消除了控制台警告，但远程视频仍然很暗。