WebRTC 已知问题及规避方案

WebRTC 已知问题及规避方案

Chrome

  1. （2021-2-2）开启硬件加速，当出现丢包时，偶现视频花屏的问题。
    解决方案：升级 Chrome 86+ 以及使用 TRTC Web SDK v4.6.6+ 版本。

  2. （2021-11-23）Chrome 88 开启硬件加速时，使用 HTMLMediaElement.captureStream 推 MP4 文件，远端拉流观看黑屏问题。Chrome 88 bug。
    规避方案：

    • 升级至 Chrome 96+ 版本。
    • 也可通过关闭硬件加速来规避。

  3. （2021-2-3）Mac Chrome 88(88.0.4324.96) 关闭硬件加速时，推摄像头采集的视频流，远端拉流观看黑屏问题。 Chrome 88 bug
    规避方案：

    • 升级 Chrome 88.0.4324.146+ 版本
    • 保持开启硬件加速不会出现该问题（Chrome 默认是打开硬件加速的）

  4. （2021-2-2）Chrome 使用 deviceId 为 default 或 communications (Windows 设备下会有该 deviceId) 时，若插入新的麦克风，再拔出，可能会导致麦克风采集中断。
    规避方案：

    • 避免使用 deviceId 为 default 或 communications 的麦克风设备即可。

  5. （2021-4-29）Mac Chrome 开启硬件加速时，调用 LocalStream.muteVideo 再调用 LocalStream.unmuteVideo 可能会导致推流帧率掉至 2fps 无法恢复。Chrome bug。
    规避方案：

    • 升级 SDK 版本至 4.8.0+。
    • 升级 Chrome 版本至 91+。

  6. （2021-9-2）Windows Chrome 91 版本，开启硬件加速时，编码分辨率宽高只有目标分辨率宽高一半的问题。Chrome bug。
    规避方案：

    • 升级 SDK 版本至 4.8.0+。

  7. （2021-9-2）Window Chrome 开硬件加速时，编 15fps 的画面的编码码率只有目标码率一半的问题。Chrome bug。
    规避方案：

    • 升级 SDK 版本至 4.8.0+。

  8. （2021-10-26）Windows Chrome 中会有一个 deviceId 为 'communications' 的麦克风设备，这个麦克风是 Chrome 基于真实麦克风做的一次封装，该麦克风会受 Windows 的声音通信配置受限。若用户将 Windows 的声音通信配置设置为 “将其他所有应用设置为静音”，同时使用了 communications 麦克风采集，则可能出现 Chrome 被静音的问题。
    规避方案：

    • 升级 SDK 版本至 4.11.9+，SDK 会避免使用 deviceId 为 'communications' 的麦克风。
    • 若业务侧指定了麦克风进行采集，应避免使用 deviceId 为 'communication' 的麦克风。

  9. （2021-10-26）Chrome 会有一个 deviceId 为 'default' 的麦克风设备，该麦克风指向 Chrome 认为的默认麦克风。当使用 deviceId 为 'default' 的麦克风进行通话时，若插入一个新的麦克风后，再将其拔出，可能会出现采集中断，导致采集无声问题。已向 Chrome 提交 issue。
    规避方案：

    • 升级 SDK 版本至 4.11.4+，当出现采集异常时，SDK 会自动恢复采集。

  10. (2023-04-15) 部分 Windows Chrome 111+ 版本，屏幕分享可能会出现鼠标光标有重复、拖影、闪烁的问题。Chrome bug。
    规避方案：

    • 等待 Chrome 修复后，更新浏览器版本。

  11. (2023-07-20) Mac 设备中，若安装了 Mersive Solstic 软件，其虚拟摄像头驱动会导致 Chrome 无法获取摄像头列表，导致无法采集摄像头。Chrome issue & Mersive Solstic 5.5.2 known issue。

    • 规避方案：引导用户删除该虚拟摄像头驱动，或等待后续 Chrome or Mersive Solstic 规避。
    sudo rm -rf /Library/CoreMediaIO/Plug-Ins/DAL/RelayCam.plugin

Firefox

  1. （2021-2-2）Firefox 不支持设置采集帧率，只能采集 30fps 的视频。
  2. （2022-7-7）首次安装的 Firefox 浏览器会在联网状态下动态安装 H.264 编解码器，在安装完成前，无法正常使用 SDK 推拉流。处理建议：
    • 通过 SDK 的 TRTC.checkSystemRequirements 接口，若检测到在 Firefox 下不支持 H264 编解码，则引导用户在 Firefox 打开地址：about:addons，到 插件 中检查 OpenH264 的安装情况。等待安装完成后再进行通话。

Safari

  1. （2021-2-2）iOS Safari 频繁调用 stream.stop → stream.play 方法，会偶现远端流无声，但是各项数据正常。webkit bug
    规避方案：

    • 暂无较好的规避方案，建议避免在 iOS Safari 中频繁调用 stream.stop → stream.play 方法。

  2. （2021-2-2）iOS Safari 不支持多个 tab getUserMedia，否则前一个 tab 会停止采集，远端流也有可能出现黑屏无声。webkit bug
    规避方案：

    • iOS Safari 尚无计划支持多 tab getUserMedia 特性，若业务侧需要在 iOS Safari 使用多个 tab getUserMedia，建议在切换新 tab 之前，停止设备采集，在切换回来后，再恢复设备采集。
      注：多个 tab getUserMedia 的业务场景一般有：在视频通话过程中，切换新 tab 进行人脸识别。

  3. （2021-10-28）iOS Safari 和 Mac Big Sur Safari 音视频互通，iOS Safari 观看 Mac Safari 的视频卡顿掉帧。
    规避方案：

    • 升级 Mac BigSur 最新版本。

  4. （2021-2-2）iOS 14.2 部分设备及 Mac Big Sur Safari，音频播放会有杂音。webkit bug 。
    规避方案：

    • iOS 设备升级 14.3 及其以上版本、Mac Big Sur 升级最新版本。

  5. （2021-9-28）iOS 15 Safari 音视频通话时，扬声器外放声音可能会比 iOS 14 低。 webkit bug 。
    规避方案：

    • 升级 iOS 版本至15.4+。

  6. （2021-11-5）iOS 15.0 Safari 音视频通话时，播放视频时可能出现黑屏的问题。webkit bug 。
    规避方案：

    • 升级 SDK 版本至 4.11.8+。

  7. （2021-11-5）iOS 15.1 Safari 和 Chrome 进行推流时，浏览器页面会 crash。webkit bug 。
    规避方案：

    • 升级 SDK 版本至 4.11.8+。 SDK 使用 canvas 采集的方案规避了该问题，该规避方案性能开销相对会更大些。出于性能的考虑，建议在 iOS 15.1 采集 Profile 不高于 720p, 15fps。需要注意的是，该方案需要本地视频流处于播放状态，即您需要使用 LocalStream.play 播放本地视频流。从根本上来说，该问题需要 iOS 发布新版本解决。
    • 苹果计划于 iOS 15.2 修复该问题，可升级 iOS 15.2+。

  8. （2021-12-24） iOS 15 Safari 及 WKWebview 音视频通话时，连接蓝牙耳机可能会出现声音播放异常的问题。webkit bug 。
    规避方案:

    • 升级 iOS 版本至15.4+。

  9. （2022-1-20） A 用户外放 B 用户的声音，同时手机也在采集 A 的声音，此时 B 用户听到的声音会伴随有电流声，这是 iOS 14 回声消除功能带来的副作用。
    规避方案:

    • 使用耳麦进行通话。
    • 升级 iOS 版本至 15.4+。

  10. （2022-01-19）iOS 15 以下版本，canvas.captureStream 采集出的视频流，无法使用 video 标签播放。webkit bug。

  11. （2022-03-31）iOS 15.2、15.3、15.4 的版本，HTMLMediaElement 的 muted 属性在某些情况下会失效，导致有声音播放。 webkit bug ，webkit bug 。
    规避方案:

    • 升级 SDK 版本至 4.12.2

  12. (2022-04-10) iOS 13, 14 版本无法编码高于 720p 的视频，规避方案：

    • 升级 SDK 版本至 4.12.3，SDK 在 iOS 13, 14 版本不会采集高于 720p 的视频。

  13. (2022-04-20) iOS 15 在某些机型，当您的页面有播放非 MediaStream 的 Audio 标签时，在页面获取麦克风又关闭后，可能会出现 Audio 标签播放的声音变小的情况。webkit bug 。

  14. (2022-11-03) 在 MacOS Ventura 系统，Safari 16.1 在开启屏幕分享的时候，可能会出现本地屏幕分享流黑屏。webkit bug
    规避方案:

    • 升级 SDK 版本至 4.14.7+

  15. (2023-04-17) Safari 16.4 版本，在 LocalStream.addTrack 添加 audioTrack 的同时，播放 mp3 媒体文件，可能会导致摄像头采集异常。

  16. (2023-04-17) Safari 16.3 版本，屏幕分享偶现不显示蓝色遮罩层。 webkit bug

Webview

  1. （2021-11-23）Android System Webview M79 以下的版本，无法使用 H264 解码。webview bug 。
    规避方案：
    • 引导用户升级 Android System Webview 版本至 M79+，需要安装对应版本的 webview apk 安装包。

华为设备

  1. （2021-4-29）华为浏览器、华为设备中的 Chrome 浏览器无法推流。由于华为设备的限制，部分版本的华为浏览器及华为 Chrome 浏览器不支持 H264 编码，因此无法推流。规避方案：使用 VP8 编码，需开通白名单，可提交 TRTC 用户支持申请 后加入TRTC交流群，联系群内技术支持开通。

小米设备

  1. （2021-11-23）在部分小米手机的微信中，会出现拉流无声问题。已知的机型有：小米9、小米10s、小米11、K30 5G等。该问题为 MIUI 已知问题，小米工程师正着手修复。微信也找到了规避方案，目前正在灰度中。

微信

  1. 微信 TBS/045811 及其以下版本的内核，在授权窗口弹出后，若超过5s才点击授权按钮，在调用 LocalStream.play() 时会出现自动播放失败错误。TBS 已知问题，后续版本的 TBS 内核会修复该问题。
    规避方案：
    • 可参考自动播放受限处理建议中的方案二，当出现自动播放错误时，引导客户点击页面后，调用 stream.resume() 接口恢复播放。

企业微信

  1. iOS 企业微信 WebView 打开，获取媒体设备方法之后可能会出现授权弹框不出现的情况。
    规避方案：
    • 升级 iOS 企业微信版本 >= 4.0.6

屏幕分享

  1. （2021-2-2）Windows & Mac Chrome 浏览器屏幕分享某个 app 后，最小化会导致采集停止，fps = 0
  2. （2021-9-29）Windows 端使用 Chrome 屏幕分享，选择应用窗口分享【微信】【QQ】【钉钉】【WPS】时，可能会出现采集黑屏；或者拖动应用窗口时出现采集黑屏。
    规避方案：
    • 暂无法解决，建议引导用户分享整个屏幕的方式规避。
  3. （2021-9-29）Windows Chrome 使用 H264 编码，开启硬件加速时，屏幕分享码率可能无法达到目标码率，导致画质不及预期。
    规避方案：
    • 升级 4.8.0+ 版本 sdk
  4. （2021-11-16) Mac Firefox 屏幕分享可能会出现视频部分区域错位，Firefox bug。暂无法规避，建议使用 Chrome or Safari 浏览器进行屏幕分享。
  5. （2022-03-18）Mac Chrome 在已授权屏幕录制的情况下屏幕分享失败，出现 "NotAllowedError: Permission denied by system" 或者 "NotReadableError: Could not start video source" 错误信息，Chrome bug。解决方案：打开【设置】> 点击【安全性与隐私】> 点击【隐私】> 点击【屏幕录制】> 关闭 Chrome 屏幕录制授权 > 重新打开 Chrome 屏幕录制授权 > 关闭 Chrome 浏览器 > 重新打开 Chrome 浏览器。
  6. (2022-03-31) Mac 中使用 Chrome 屏幕分享，窗口采集可能无法采集到 WPS 幻灯片全屏窗口。
    规避方案：
    • Web SDK 暂无法解决，建议引导用户使用分享整个屏幕的方式规避。
  7. (2023-01-12) 在 Windows 采集屏幕分享 WPS 幻灯片，WPS 幻灯片全屏播放后，可能采集不到 WPS 幻灯片。
    规避方案：
    • Web SDK 暂无法解决，建议引导用户避免使用 WPS 全屏播放，可以拉伸 WPS 窗口至全屏，或者使用 Office PowerPoint。

云端录制

  1. 云端转码录制会出现上行音视频流前几秒没有被录制到的情况。如需解决该问题，可提交 TRTC 用户支持申请 后加入TRTC交流群，联系群内技术支持按需修改云端录制配置。

其他厂商

  1. （2021-2-2）网易 WebRTC SDK 会改写 RTCPeerConnection.prototype.getStats 方法，返回的数据格式与标准 WebRTC 协议不一致。若同时引入 TRTC 和网易的 WebRTC SDK，TRTC 会拿不到音视频数据，导致无法向正常向仪表盘上报音视频通话数据。

关于 Vue 3 响应式及 Proxy

（2021-11-5）开发者在使用 Vue 3 时应注意，Vue 3 基于 Proxy 实现响应式。请使用 Vue markRaw 将 TRTC，Client，LocalStream，RemoteStream 等 SDK 实例设置为非响应式属性，若对 SDK 实例加了 Proxy，可能会导致 SDK 异常。

版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可。知识共享许可协议