文档中心
全部产品
Agora.io 社区
如何解决 Web 端屏幕共享的质量问题?
分类: 质量类    平台: Web   最后更新时间: 2021/03/29 19:27:07

问题描述

Web 端用户共享屏幕时,共享画面卡顿、模糊。

解决方案

根据你使用的 Web SDK 版本查看解决方案。

Web 3.x 版本

按照以下步骤依次排查问题:

  1. 建议用户使用桌面端 Chrome 浏览器最新正式版本。
  2. createClient 时将 codec 设置为 vp8
  3. 确认用户共享的是否为应用窗口。
    • 如果是,建议用户改为共享浏览器标签页或者共享整个屏幕。
    • 如果不是,检查你在 setScreenProfile 方法中设置的屏幕编码配置是否正常。
  4. 将 SDK 升级至 3.2.0 或之后版本,在创建屏幕共享流时设 optimizationMode,根据屏幕共享的内容选择合适的传输优化模式:
    • 如果屏幕共享的内容主要为幻灯片、文字或者静态的图片,将 optimizationMode 设置为 "details"
    • 如果屏幕共享的内容主要为视频、游戏等动态画面,将 optimizationMode 设置为 "motion"

Web 4.x 版本

按照以下步骤依次排查问题:

  1. 建议用户使用桌面端 Chrome 浏览器最新正式版本。

  2. createClient 时将 codec 设置为 vp8

  3. 确认用户共享的是否为应用窗口。

    • 如果是,建议用户改为共享浏览器页签或者共享整个屏幕。
    • 如果不是,检查你在 createScreenVideoTrack 方法中设置的屏幕编码配置是否正常。
  4. 在创建屏幕共享的视频轨道时设置 optimizationMode,根据屏幕共享的内容选择合适的传输优化模式:

    • 如果屏幕共享的内容主要为幻灯片、文字或者静态的图片,将 optimizationMode 设置为 "details"
    • 如果屏幕共享的内容主要为视频、游戏等动态画面,将 optimizationMode 设置为 "motion"
    自 4.2.0 版本起,你还可以通过 setOptimizaitonMode 方法在屏幕共享过程中动态调整传输优化模式。

相关链接

score