如何解决 Web 平台屏幕共享的质量问题？

当在 Web 平台使用屏幕共享推流时，出现了共享画面模糊或者卡顿的情况，您可以参考如下操作步骤进行处理。

1. 建议使用最新版本的 Chrome 浏览器。

2. 在推流 startPublishingStream 时设置视频编码 videoCodec 为 “VP8”。

// localStream 为创建流获取的 MediaStream 对象
zg.startPublishingStream(streamID, localStream, { videoCodec: 'VP8' })

3. 确认您共享的是否为应用窗口。
   • 如果是，建议改为共享整个屏幕或者共享浏览器标签页。
     
4. 调用 createStream 接口创建屏幕共享流时，您可以根据对画质的要求（清晰度、流畅度），通过 screen 对象下的 “videoQuality” 参数设置屏幕共享视频质量（分辨率、帧率和码率）。
5. • 如果不是，检查您在 createStream 接口中设置的屏幕编码配置是否正常，即执行“步骤 4”。

该参数的取值及含义如下：

const screenStream = await zg.createStream({
    screen: {
        videoQuality: 2,
    },
});