Hey team 👋
We're running a telemedicine platform with video calling + screensharing, and we've been
troubleshooting some quality issues that cropped up recently. Specifically seeing jitter and what
seems like packet loss during screenshare sessions.
Context:
We made some changes to our LiveKit config a while back (removed explicit simulcast layers,
adjusted bitrates) and immediately started getting complaints about screenshare quality - text
becoming illegible, compression artifacts, etc. We've since implemented separate publish options
for screenshare vs camera video:
// Screenshare config
{
maxBitrate: 1_500_000, // 1.5 Mbps
maxFramerate: 15,
degradationPreference: 'maintain-resolution',
videoSimulcastLayers: [VideoPresets.h1080, VideoPresets.h720]
}
This has helped with the resolution/compression issues, but we're still seeing some jitter and
occasional packet loss that affects the experience.
Question:
What's the best way to minimize jitter and packet loss for screenshare specifically? Are there
any:
- Client-side publish settings we should tweak?
- Server-side config optimizations for self-hosted deployments?
- Network-related settings (buffer sizes, RED/FEC for video, etc.)?
- Simulcast layer strategies that work better for screenshare?
We're using React components from @livekit/components-react and publishing screenshare with
useTrackToggle. Currently on VP9 codec.
Any guidance would be really appreciated! Happy to share more details about our setup if needed.
cc: @refined-appointment-81829 @echoing-kitchen-90064 @tall-belgium-91876 @best-notebook-41164