How do I change Chrome’s media notification background colors

Tags: , , , ,



I want to know how to change media notification colors in Google Chrome.

Crunchyroll, Vimeo and Dailymotion media notifications

Crunchyroll, Vimeo and Dailymotion have their unique media notifications. How can I change the background color of a media notification in Google Chrome?

Answer

The default color is like you said, the main favicon color. But you can customize the media notification with artwork, then is that main artwork color the background color.

navigator.mediaSession.metadata = new MediaMetadata({title: 'white', artwork: [
    { src: BASE_URL + 'big-buck-bunny/artwork-512.png', sizes: '512x512', type: 'image/png' },
  ]})

enter image description here

Check out the webdev guide for the implementation link

And the example



Source: stackoverflow