What browser are you using (assuming firefox)?
You're looking for something like this:
getUserMedia({
audio: true,
video: {
width: { min: 1024, ideal: 1280, max: 1920 },
height: { min: 576, ideal: 720, max: 1080 }
}
})
The terms you are looking for are "decimating frames" or "downscaling".
Chrome/Edge/Safari decimates frames just fine, firefox is the only major browser that doesn't at the moment.