User Guide

Add/Remove/Rearrange Colors

AudioVibe Visuals extension action
  • Select the Color Picker to choose a color then select Add Color to add that color to the color list.
  • Adding a color will put it directly under the selected color or at the bottom of the list.
  • Select a color from the color list and select Remove to remove it, or select Clear to remove all colors. Be sure to save your colors because once they are removed or cleared, they must be manually added back.
  • Select and hold a color in the color list and drag it to place it in a new position.
  • TIP: When you select a color from the color list, the color picker will change to that color.
  • Note: You can add up to 100 colors!

Save/Load Color Groups

AudioVibe Visuals extension action
  • When at least one color is in the color list, select Save Colors to add them to the Saved Colors list. It will be placed at the bottom of the list.
    Saving colors is only available with Premium access.
  • Select a color group from the Saved Colors and select Remove to remove it. This will permanently delete it.
    Removing color groups is only available with Premium access.
  • Select and hold a color group in the Saved Colors and drag it to place it in a new position.
  • Select a color group and select Load to load those colors into the color list. Be sure your current color list selections are saved because the loaded in color group will replace what is currently in the color list.
  • Note: You can save up to 50 color groups with Premium access!

Start/Stop the Visualizer

AudioVibe Visuals extension action
  • When at least one color is in the color list, select Start to begin the visualizer on your current active tab.
  • If you want to change the visualizer style or colors, make your selections and select Start again. This will update the tab running the visualizer.
  • When finished, select Stop or close the tab. Once the visualizer is done playing in a tab, it can be started in a new one.
  • Select a color group and select Load to load those colors into the color list. Be sure your current color list selections are saved because the loaded in color group will replace what is currently in the color list.
  • Check out the Visualizers to see how the colors will display!

Tips and Tricks

  • SoundCloud, Spotify, and Youtube Music have been optimized for placement with the visualizer to pair nicely with those site designs. On all other sites the visualizer will work and be displayed using the full window.
  • Visualizers will work and change to the correct screen size in browser full screen mode. Within the Chrome browser, use F11 to toggle full screen. The visualizer editor will not be accessible in browser full screen mode.
  • To create a smooth color gradient, choose your colors to blend into the next color selection and add colors until the last color will flow into the first color. Most visualizers will loop through this color list. Load one of the default selections to see this already done!
  • Visit the FAQ for any remaining questions or Contact Us