So it looks like a couple of or devs have found the source of the issue here. Basically it’s because Brave blocks connections to the navigator.connection API for privacy purposes, as this API contains and/or can leak sensitive information about the user connecting to it. You can see the issue we opened to block the feature here:
Because it cannot connect to this API, the bandwidth estimation Brave provides is inaccurate and is likely defaulting to some lower value quality/resolution when the canvas video displays. This is why it looks better in Chrome and other browsers than in Brave.
While we did disable this by default as there is a tradeoff here with privacy, you can enable navigator.connection in Brave via flags. Simply visit brave://flags and search for the Enable navigator.connection attribute flag and set it to Enabled: