[Alpha] Razer Chroma Chrome Extension | Razer Insider

[Alpha] Razer Chroma Chrome Extension

  • 7 February 2018
  • 55 replies
  • 584 views

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

There seems to be a weird bug where if you pause a video on youtube or twitch (and perhaps other sites) and come back to that tab and play the video again the video starts to play back at a very fast speed
Hey, would love if someone could tell me why this isn't working with Amazon for me. It just goes back to my Synapse effect. Not a huge deal but the defaults in the script look like they should work (admittedly I'm not terribly familiar with regex).

(Unrelated but if anyone knows how to change this auto-generated username please PM me)
does stan work with it?
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 ?
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!!!
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).
this extension breaks netflix for some weird reason
I tried to get instagram videos to be visualized as well but I just can't find a way to get them to work.
Userlevel 6
That's really cool, gotta check it out.
Thanks! Its awesome
great work.
WolfspiritM
Thank you all for the feedback :)

How to add notifications for site? (vk.com)
Amazing, nice job BRO!
I really like how my keyboard looks inside a YT music video thank you very much! 🎵🎶
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
The SoundCloud Media visualizer doesn't work, any ideas on how to fix this?
Nice. now I don't need to go to synapse!
Hello, thanks for the chrome extension.

Netflix is missing from the media visualizer by default damage 🙂
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.
ah... no wonder my netflix can't play
i was wondering what happened

can it be fixed? cos i love this extension!
Oh dude. that is freaking awesome. thank you so much. going to follow this for updates!
Great stuff! Audio visualizer for SoundCloud as well would be superb
wow thats sooo awesome
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.
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!!!!!
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 😞
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 🙂