Issue with spotify canvas

so whenever i play song on spotify the short video on loop that plays along with the song (canvas), it seems that the video is of low resolution. i have never faced this issue with edge and chrome, but it happen in firefox too. i tried disabling both shield and ‘use graphics acceleration when available’ , it didnt work.

Worth the read, in case something might apply:



May interest:

brave://flags

Some Brave Browser users search there, for:

  • ANGLE
  • D3D11
  • Metal
  • NVIDIA
  • OpenGL
  • WebGL

and Disable or Enable as they see fit.


A general discussion, including a tip re Brave Shields:

https://www.ghacks.net/2022/01/31/your-devices-gpu-may-be-used-for-fingerprinting-purposes/

Scrolling down to one of the comments, the following (by “Iron Heart” Feb. 1, 2022):

“Brave randomizes WebGL when set to ‘Standard’ and turns it off entirely when set to ‘Aggressive’”

There is a somewhat related piece of info at that link, regarding ANGLE GRAPHICS:


Optimizing GPU


thanks but none of them helped… i tried all of those mentioned tips including switching to a diff profile and using spotify in private tab.

Well, you deserve a medal for surviving something that I try to avoid.

I have little if any talent for audio video (and graphics); other than, where the volume control is (which, used to be the Big Knob on the front of the Hi-Fi).

@ky0k0ji What OS are you using when you see this? Would it be possible to share a short recording of the behavior?



here is a comparison b/w Brave n Edge.it is on windows 11

@ky0k0ji hmmm that’s strange. What I’m seeing on my end is that some of these canvas loops do have a lower quality but not all of them. As I understand it, this is actually due to the artist (or whoever represents them) not uploading the sample at a high enough bit rate, given how intensely Spotify compresses these canvas loops.

However, you’re correct – even when viewing the same canvas video Brave appears to output much lower quality than Chrome or Edge. Going to do a little digging on this and get back to you.

yeah the quality difference varies from song to song. thanks for your help.

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:

Just know that in doing this so you are sacrificing some of the privacy Brave offers.

Hope this helps

2 Likes

thanks it worked…but i think privacy comes first. so im gonna leave it as it is.

1 Like

Yeah I felt the same way (I’m also a frequent Spotify user). We’ve also opened an issue to reassess this as well so thank you for bringing it to our attention:

1 Like

yeah, no problem, thank u too.

It sounds like you’re experiencing a resolution issue with Spotify Canvas on Firefox, even after disabling the shield and graphics acceleration. This might be due to a browser-specific setting or a caching issue. I’d suggest clearing your Firefox cache or trying a fresh install of the browser to see if that resolves the issue. Additionally, check if any Firefox extensions are interfering with Spotify’s performance.

thanks for informing, though i dont use fire fox that much. i think the root of the issue is similar to that of brave since both of them r privacy focused. and also the steps i mentioned trying were for brave.