Twilio 远程视频在 iOS Safari 上很暗

编程问答 2022-09-06

问题描述

我正在使用 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])

enter image description here

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

更新 1：

接收远程视频流

1.呈现 RemoteParticipant 组件：

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

enter image description here

2.提取参与者的出版物

enter image description here

3.将发布轨道渲染为：

enter image description here

4.渲染视频轨道

enter image description here

5. Safari 控制台中的警告

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

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

safaritwiliotwiliotwilio-videowebrtcwebrtcwebrtc