[Alpha] Razer Chroma Chrome Extension | Razer Insider
Skip to main content
Hi Guys!

I'm bringing you an alpha version of a Razer Chroma Chrome Extension:
https://chrome.google.com/webstore/detail/razer-chroma/kgdhmcjgcblejgpkiebplbbhokablnde

(Also works in Opera but is not tested there)

Features:

  • Audiovisualizer for Youtube, Twitch and Spotify Web (any more wanted?)
  • Colors when visiting:
    - razerzone
    - stackoverflow
    - github
    - twitter
    - amazon
    - reddit
    - facebook
  • Read out the pages "meta theme-color" and use that
  • Very customizable with own scripts written in typescript
  • Integrated script editor similar to VSCode
  • Google Wave Effect
  • Scripts can be turned off and on
  • Rightclick a page and select "Freeze-Tab" to make the colors stuck (for example if you want youtube but on a second screen have another tab open)
  • As a "gimmick" you can enable a visualizer that overlays the youtube video in the options!





How to add own Color for your favourite website?


  • Click on the Extension Icon.
  • Click on the pencil besides "Page Colors"
  • Copy and paste this into the green header and change the domain to whatever you like:
    code:
    // @include *://*.mydomain.com/*

  • Copy and paste this below all the other if statements and change it to your domain
    code:
    if(Data.site.domain.indexOf("mydomain") !== -1) chroma.setAll(new Color("#3b5998"));



Upcoming changes:
-
Replace Google Wave with a more subtile effect per default
- Make it easier to add custom colors for Domains
- Maybe Include the Blockly engine to make scripts in general much easier to create.
- More stable

Let me know what you think 🙂
The SoundCloud Media visualizer doesn't work, any ideas on how to fix this?
my extension will sometime not load a color. for facebook usually, colors will just be off. but then random other sites it will go to work and be just fine. sometimes right when i open youtube, it will be black, then once the video starts, it will do the visualizer, and then the video will stop, and then it will be the red it should be. Like it is not fully detecting where it is and what it is supposed to be doing
does stan work with it?
WolfspiritM
Thank you all for the feedback :)

How to add notifications for site? (vk.com)
Thanks! Its awesome
great work.
That's really cool, gotta check it out.
I tried to get instagram videos to be visualized as well but I just can't find a way to get them to work.
this extension breaks netflix for some weird reason
Definitely a more subtle effect than "Wave" for google pages - I uninstalled the extension over this. Best bet would be to make it configurable. (just set everything from a config file or something).
ok, good news!
google added per page extension support, that means that you can now say to the extension if it can run or not on a website, this fixes the issue i had with netflix!!!
WolfspiritM
Hi Guys!

I'm bringing you an alpha version of a Razer Chroma Chrome Extension:
https://chrome.google.com/webstore/detail/razer-chroma/kgdhmcjgcblejgpkiebplbbhokablnde

(Also works in Opera but is not tested there)

Features:

  • Audiovisualizer for Youtube, Twitch and Spotify Web (any more wanted?)
  • Colors when visiting:
    - razerzone
    - stackoverflow
    - github
    - twitter
    - amazon
    - reddit
    - facebook
  • Read out the pages "meta theme-color" and use that
  • Very customizable with own scripts written in typescript
  • Integrated script editor similar to VSCode
  • Google Wave Effect
  • Scripts can be turned off and on
  • Rightclick a page and select "Freeze-Tab" to make the colors stuck (for example if you want youtube but on a second screen have another tab open)
  • As a "gimmick" you can enable a visualizer that overlays the youtube video in the options!





How to add own Color for your favourite website?


  • Click on the Extension Icon.
  • Click on the pencil besides "Page Colors"
  • Copy and paste this into the green header and change the domain to whatever you like:
    code:
    // @include *://*.mydomain.com/*

  • Copy and paste this below all the other if statements and change it to your domain
    code:
    if(Data.site.domain.indexOf("mydomain") !== -1) chroma.setAll(new Color("#3b5998"));



Upcoming changes:
-
Replace Google Wave with a more subtile effect per default
- Make it easier to add custom colors for Domains
- Maybe Include the Blockly engine to make scripts in general much easier to create.
- More stable

Let me know what you think :)


i just added the extension to my chrome but nothing happens, some help ?
BboySurf
I think you're seeing some red-gray screen over your movie? That is because of the visualizer, you can always go to options and switch the "Show Visualizer" option to off, that way you won't see it or i think you shouldn't, tell us if it works.

No. Not the red-gray screen over the movie. I know what that is. I never switch that option on.
The error message comes from netflix.

Btw, thx for the reply.:wink_:


WolfspiritM
As a "gimmick" you can enable a visualizer that overlays the youtube video in the options!

So do you mean that the keyboard displays the same thing as the YouTube video on the screen? I swear there was something called ambilight a while back that did something similar.

Anyway, cool project. I hope to see it develop more.
kakerushin
Go to options and change the fallback color from black to something else.

not working, i have it to red, but still stay black
BboySurf
Now why isn't this working after i reopened my pc?

It's possible there is an issue when the computer wents to sleep and wakes up again. I'll investigate :-)

deathcurzo
So do you mean that the keyboard displays the same thing as the YouTube video on the screen

No No. What I mean is that youtube shows an overlaying visualizer as a gimmik. It doesn't have anything to do with Chroma so. You can enable that visualizer in the options. Like this: https://gyazo.com/22f0df1bde729f0b2951e42167a27e47
WolfspiritM
It's possible there is an issue when the computer wents to sleep and wakes up again. I'll investigate :)


No No. What I mean is that youtube shows an overlaying visualizer as a gimmik. It doesn't have anything to do with Chroma so. You can enable that visualizer in the options. Like this: https://gyazo.com/22f0df1bde729f0b2951e42167a27e47


It's a bit confusing because yesterday it didn't work at all and began working in the evening, and today works perfectly well with no problems. I don't understand and there's nothing different that i do.
WolfspiritM
It's possible there is an issue when the computer wents to sleep and wakes up again. I'll investigate :)


No No. What I mean is that youtube shows an overlaying visualizer as a gimmik. It doesn't have anything to do with Chroma so. You can enable that visualizer in the options. Like this: https://gyazo.com/22f0df1bde729f0b2951e42167a27e47

oh right thanks for clarifying
Thanks! Great work.
Already in use here and so far so good.
If I encounter bugs I'll tell you.
OMG Yes!, thank you for this amazing thing!

I'm curious though, can you make it possible that it shows of like "Ambilight" or would that be too much? since the other one doesn't work with the HDK "yet" and this one does
This extension is amazing! But I met a weird bug/issue with it.

I have a netflix account. When I watch netflix with using this extension. The page will show up an error message and I can't watch anything.
Once I disable the extension, netflix will back to normal.
So now I have to disable the extension when I want to watch netflix.
I am not sure that is that I am the only one meeting this problem.

I am using Vivaldi browser and I have the same problem with using Google Chrome.
And I have to disable the extension every time when I want to watch netflix.
(sorry for my bad english.)
ahlin941
This extension is amazing! But I met a weird bug/issue with it.

I have a netflix account. When I watch netflix with using this extension. The page will show up an error message and I can't watch anything.
Once I disable the extension, netflix will back to normal.
So now I have to disable the extension when I want to watch netflix.
I am not sure that is that I am the only one meeting this problem.

I am using Vivaldi browser and I have the same problem with using Google Chrome.
And I have to disable the extension every time when I want to watch netflix.
(sorry for my bad english.)


I think you're seeing some red-gray screen over your movie? That is because of the visualizer, you can always go to options and switch the "Show Visualizer" option to off, that way you won't see it or i think you shouldn't, tell us if it works.
Oh dude. that is freaking awesome. thank you so much. going to follow this for updates!
wow this is amazingg!!!!
Anyway, this extension is amazing. 👍👍It's a great way to use my razer device more completely. Cuz when I am not gaming, I surf the web a lot.
Hope to see this extension continue the update. It would be perfect to see the issue fix and more stable.😁
WolfspiritM
Thank you all for the feedback :)

I'm ill at the moment but I will try to get back to it asap.


Hope you get well soon.:)