How to solve screen sharing quality issues on the Web platform?

When using screen sharing to publish on the Web platform and encountering blurry or stuttering shared images, you can refer to the following troubleshooting steps.

1. It is recommended to use the latest version of Chrome browser.

2. When publishing startPublishingStream, set the video codec videoCodec to "VP8".

// localStream is the MediaStream object obtained from creating a stream
zg.startPublishingStream(streamID, localStream, { videoCodec: 'VP8' })

// localStream is the MediaStream object obtained from creating a stream
zg.startPublishingStream(streamID, localStream, { videoCodec: 'VP8' })

3. Confirm whether you are sharing an application window.
   • If yes, it is recommended to change to sharing the entire screen or sharing a browser tab.
   
4. When calling the createStream interface to create a screen sharing stream, you can set the screen sharing video quality (resolution, frame rate, and bitrate) through the "videoQuality" parameter under the screen object based on your requirements for image quality (clarity and smoothness).
5. • If not, check whether the screen encoding configuration you set in the createStream interface is normal, that is, perform "Step 4".

The values and meanings of this parameter are as follows:

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

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