[Alpha] Razer Chroma Chrome Extension | Razer Insider

[Alpha] Razer Chroma Chrome Extension

  • 7 February 2018
  • 55 replies
  • 559 views
WolfspiritM
Userlevel 5
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 🙂
This topic has been closed for comments

55 Replies

ahlin941
Userlevel 3
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
Userlevel 5
Thank you all for the feedback :-)

I'm ill at the moment but I will try to get back to it asap.
I already fixed an issue that might cause it from stop working as it will try to reconnect to the REST SDK.

Also I will look into the Netflix issue.
I assume Netflix doesn't like intercepting the audio stream (for the visualizer) from the video so I think only including the "needed" pages for that will work and prevent that error. I do have a Netflix account aswell and will try that and let you know once I got an update ready.

I will also try to look into a way for doing something like ambilight for movies.
ahlin941
Userlevel 3
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.:)
GugZi
i try again, is this possible some how?

code:
    chroma.Keyboard.setKey([Key.Macro1, Key.Macro2, Key.Macro3, Key.Macro4, Key.Macro5], new Color(1,1,1));
    let volcolor = new Color(0,255,0);
    if(Data.volumePercentage>0) chroma.Keyboard.setKey(Key.Macro5, volcolor);
    if(Data.volumePercentage>25) chroma.Keyboard.setKey(Key.Macro4, volcolor);
    if(Data.volumePercentage>50) chroma.Keyboard.setKey(Key.Macro3, volcolor);
    if(Data.volumePercentage>75) chroma.Keyboard.setKey(Key.Macro2, volcolor);
    if(Data.volumePercentage>100) chroma.Keyboard.setKey(Key.Macro1, volcolor);
Blackwidow Chroma Effect Layers Click Here Add Layers Click Here Send me a mail Click Here
N
Userlevel 7
That looks awesome!
WolfspiritM
Userlevel 5
GugZi
Data.volumePercentage

I already saw your message but don't have a solution for that yet.
It should work like that but it's possible that volumePercentage isn't working at the moment.
I will take a look at that aswell 🙂
Akimbowles
BboySurf
Reedit: Found the cause, i just need to uncheck the "keep chroma active all the time" and by doing this when i minimize it the windows bar, my chroma wave gets back though. And i very much like this extension, i'm curious if we can have a chroma effect contouring the browser?


I was literally looking for someone saying about this, because I was having the issue too xD

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.)

Also, I have this same issue... and I watch Netflix a lot, so this is gonna be a pain 😞
Razer Gear Owned: 2014 Naga Chroma Base Station Blackwidow Chroma Firefly Kraken 7.1 V2 (+Kitty Ears in Green) HDK
evilchargerfan
Userlevel 7
I totally forgot I had this installed. fired up chrome browser today, for the first time in ages. I noticed my keyboard went all rainbow when I visited google... and then a blue-ish color when I went to facebook. SO NEAT! I hope this extension keeps improving!!!!!
Akimbowles
If the Netflix issue gets fixed, then I'm all for having it. But as it is, I watch like 6 hours of Netflix a day, and to disable it every time is just a faff.
Razer Gear Owned: 2014 Naga Chroma Base Station Blackwidow Chroma Firefly Kraken 7.1 V2 (+Kitty Ears in Green) HDK
A
wow thats sooo awesome
PlasmaWaffle
Great stuff! Audio visualizer for SoundCloud as well would be superb
MayhemK
Oh dude. that is freaking awesome. thank you so much. going to follow this for updates!
Bitauren007
ah... no wonder my netflix can't play
i was wondering what happened

can it be fixed? cos i love this extension!
Akimbowles
Think its something they're working on, cos this is the only reason I have disabled the extension for now - I watch a lot of Netflix.
Razer Gear Owned: 2014 Naga Chroma Base Station Blackwidow Chroma Firefly Kraken 7.1 V2 (+Kitty Ears in Green) HDK
F
Hello, thanks for the chrome extension.

Netflix is missing from the media visualizer by default damage 🙂
A
Nice. now I don't need to go to synapse!
A
The SoundCloud Media visualizer doesn't work, any ideas on how to fix this?
MayhemK
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
A
Amazing, nice job BRO!
I really like how my keyboard looks inside a YT music video thank you very much! 🎵🎶
A
WolfspiritM
Thank you all for the feedback :)

How to add notifications for site? (vk.com)
G
Thanks! Its awesome
great work.
GskullGaming
Userlevel 6
That's really cool, gotta check it out.
RAZER STUFFBlack Widow Ultimate Chroma V1 (Razer Orange Switch Stealth)Mamba Chroma | Firefly | Kraken Pro Chroma 7.1YouTube ChannelYouTube:http://www.youtube.com/c/GSKULLGAMING-GSG- Twitch Channeltwitch.tv/gskull_gamingb85Xk_Ssi1U
A
I tried to get instagram videos to be visualized as well but I just can't find a way to get them to work.
spider623
this extension breaks netflix for some weird reason
C
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).
CookiesCookie settings