What you’ll be able to do after reading this guide:

• Have viewers control different Snapchat filters on your stream using a MixPlay board and chat commands
• Have viewers able to change certain Snapchat filter triggers like changing emoji heads
• Have Snapchat filters go off on triggers like donations and follows
• Allow only certain people to change the Snapchat filter, like subscribers, high ranks or currency usage
• Be able to have Snapchat filters go on for a set amount of time then turn back to normal
• Control Snapchat filters with a Stream Deck for manual overrides
• Configure Snap Camera for OBS

What you’ll need:

• Snap Camera
• Either Firebot or Mix It Up
• OBS or Streamlabs OBS
• Mixer account
• MixPlay board

If you’re new to handling MixPlay boards, check out my guide on how to make LED Cat Ears and scroll down to LET’S MAKE A MIXPLAY BOARD! If you need additional assistance, comment below and I’ll gladly help.

Let’s favorite some filters

We’re going to favorite two filters and trigger things using hotkeys. If you need additional assistance on the Snap Camera side of things, they have pretty good documentation located here.

1. Open up Snap Camera
2. Select the correct webcam [click cogwheel to change it]
3. Click Search Lenses and type Emoji Head
4. Hover over Emoji Head and click the star icon
   
5. Click Custom Trigger then hold CTRL and hit 2
   
6. Search for Chromatic and favorite it
7. Click the gold star on the top left, which shows your favorites
8. Click the Hotkeys button
   
9. Click Add Hotkey for Emoji Head, then hold CTRL and press 3
10. Click Add Hotkey for Chromatic, then hold CTRL, press 4 and click Save
11. Click the cogwheel button on the top right taking you to Settings
12. Click Edit on Turn Lens On/Off, then hold CTRL and press 1
13. Click the X on the top left to close Settings
14. Try all hotkeys to make sure they’re set correctly:
    CTRL + 4 – Turns you chromatic
    CTRL + 3 – Puts an emoji on your head
    CTRL + 2 – Changes the emoji on your head
    CTRL + 1 – Turns off the filter

Adding Snap Camera in OBS

Do not try to capture Snap Camera as a game or window as you’ll see, depending on the filter, info about the filter pop up. Instead we’ll be adding it the clean way.

1. Open OBS
2. Add a new source by clicking the + under Sources, select Video Capture Device and name it Snap Snap
   
3. Select Snap Camera on the Device menu then click OK
   
4. Move the camera feed to your liking as you usually would in OBS
   

Hopefully that was an easy set up for you; if you run into issues though, try closing and reopening the Snap Camera app or OBS – and if that doesn’t help, head over to the Snap Camera FAQ. If you need more help just let me know!

Add MixPlay buttons

We’re going to create three buttons on our MixPlay board. If you haven’t set up a MixPlay board and don’t really know how to create buttons, you can look at my other guide which lays it out a little better. There are also an abundant amount of YouTube videos showing how to use the MixPlay board as well.

1. Go to the Developer Lab and go to [or create] your MixPlay Project
2. Go to the Build tab
3. Add three buttons and place them on the Large Grid
   

For your final board be sure to place the buttons on all grids, otherwise users on certain devices, like Xbox or a cell phone, cannot access the buttons you’ve placed.

Snap Camera and Mix It Up

Now it’s time to add the viewer interactivity part of this. If there is something that this guide doesn’t cover and you’d like to do it in Mix It Up, chances are this Wiki would answer it.

As stated before, you can use Firebot as well for the MixPlay integration – that section is right after this, so if that’s what you need just keep on scrolling.

Setting up buttons to change filters

1. Open up Mix It Up, click the Menu button and go to MixPlay
2. Click Game and select your MixPlay board
   
3. Click Add Command for Chromatic, then click Advanced Command
4. Click Action menu and select Input (Keyboard & Mouse), then click the +
   
5. For Input – Type: Keyboard, Keyboard Key: 4, Action: Click, Control: Checked
   
6. Under Usage Requirements click the Cooldown button and set it – Group | 3 seconds | Filters
   
7. Click Export Actions To File, name it and save the file
   
8. Click Save and it should take you back to the MixPlay section
9. Click Add Command for Change Emoji, then click Advanced Command
10. Click Import Actions From File and select the file you saved in step 7
    
11. For Keyboard Key, change the 4 to 2
    
12. Click the Cooldown button and set it – Individual | 1 second
13. Click Save and head back to the MixPlay section
14. Click Add Command for Emoji Head, then click Advanced Command
15. Click Import Actions From File and select the file you created in step 7
16. For Keyboard Key, change the 4 to 3
17. Click the Cooldown button and set it up the same way as Chromatic – Group | 3 second | Filters
18. Click Save and head back to the MixPlay section
    
19. Click the Connect button, head to your channel and test away
    

Setting up alerts to change filters

Mix It Up has event triggers for things like donations or a spark milestone reached. For this guide we’ll be having the Emoji Head pop up, then switch Emojis and turn back off when a new follower occurs.

1. Open up Mix It Up, click the Menu button and go to Events
2. For Channel Followed, click Add Command and then Advanced Command
   
3. Click Action menu and select Input (Keyboard & Mouse), then click the +
4. For Input – Type: Keyboard, Keyboard Key: 3, Action: Click, Control: Checked
5. Click Action menu and select Wait, then click the +
6. For Duration (Seconds) put 1 second
7. Click the Duplicate button on the Input action
   
8. Change the Keyboard Key from 3 to 2 on the duplicated Input action
   
9. Click the Duplicate button on the Wait action
10. Click the Duplicate button on the 2nd Input action
11. Click the Duplicate button on the Wait action
12. Click the Duplicate button on the 2nd Input action
13. Change the Keyboard Key from 2 to 1 on the last duplicated Input action
14. Confirm settings
    
15. Test it by clicking the Test Command button or have someone follow you
    

You can get really creative with alerts & buttons, so experiment and have fun.
If for whatever reason something isn’t working, let me know and we’ll figure it out.

There are some tips below so if you’re not interested in the Firebot side of things just scroll to the bottom.

Snap Camera and Firebot

We’ll be setting up three buttons that viewers can click to change your filter. For a more in depth look at what Firebot can do, be sure to check out this Wiki.

Setting up buttons to change filters

1. Open Firebot and add your board [or use an existing one]
   
2. Hover over Emoji Head and click EDIT
   
3. Click + New Effect and select Game Control
   
4. Set – Key To Press: 3 | Modifiers: Control, then hit Add
   
5. Click + New Effect and select Update Button
6. Pick Change Emoji from the Button To Update dropdown menu
7. Check Edit Active Status and select Active, then click Add
   
8. Click + New Effect and select Delay
9. Set the duration to 5 seconds, then click Add
   
10. Click the menu button for Update Button and select Duplicate
    
11. Drag Update Button from the third row down to the fourth row
    
12. Click the duplicated Update Button that’s on the fourth row
13. Under Edit Active Status, change Active to Disabled, click Save
    
14. Click the menu button for Game Control and select Copy
    
15. Click Save Changes
16. Hover over Change Emoji and click EDIT
17. Uncheck Active Button
18. Click the EFFECTS menu button and select Paste effects
    
19. Click on the newly pasted Game Control
20. Under Key To Press, change 3 to 2, click Save
21. Click Save Changes
22. Hover over Chromatic and click EDIT
23. Click the EFFECTS menu button and select Paste effects
24. Click on the newly pasted Game Control
25. Under Key To Press, change 3 to 4, click Save
26. Click Save Changes
27. Click Edit Cooldown Groups
    
28. Click New Cooldown Group
29. Name the group and set the cooldown for 5 seconds
30. Under Which buttons should cool down together? select Emoji Head & Chromatic
    
31. Click Save Changes and then Close
32. Connect Firebot using the power button on the bottom left, go to your channel and test away

If someone clicks the Chromatic button, the filter will change to Chromatic, but if someone clicks the Emoji Head button, the ability to change the Emojis is allowed and viewers will be able to mess with it for 5 seconds before getting disabled.

Setting up alerts to change filters

Firebot has the ability to trigger effects for things like new follows or new subscribers. For this guide we’ll be having the Emoji Head pop up, then switch Emojis and turn back off when a new follower occurs.

1. On the left menu Click on EVENTS
2. Click + New Event on the top
3. Name the Event, select Follow for the Trigger On and check Active Event
   
4. Click + New Effect and select Game Control
5. Set the Key To Press to 3 and Modifiers to Control then click Add
6. Click the menu for Game Control and select Duplicate – do this three times
   
7. Click the second row Game Control
8. Change Key To Press from 3 to 2
9. Click the third row Game Control
10. Change Key To Press from 3 to 2
11. Click the fourth row Game Control
12. Change Key To Press from 3 to 1
13. Click + New Effect and select Delay, set the duration to 1 second and click Add
14. Duplicate Delay two times and move each Delay between each Game Control
    
15. Confirm settings – these are Game Controls 1 3 5 & 7 and it needs to be in this order to work
    
16. Click Save Changes
17. Click the play button to test the effect or have someone follow you, then rejoice
    

You can go crazy with this, so be creative and have some fun! If you run into issues just let me know and I’m sure we can figure it out.

Tips and tricks

Snapchat Lens graphic buttons

You can have the Snapchat Lens graphic for your buttons instead of just text.

1. Open Snap Camera
2. Hold CTRL and hit 3 to turn on Emoji Head [or just search]
3. Click the Lens graphic on the right to expand the options
4. Click Copy Lens Link
   
5. Paste link into your browser [Chrome, Firefox, Netscape Navigator, etc.]
6. Right click on the graphic and go to Copy image address [or image whatever]
   
7. Go to your MixPlay board in Mixer’s Developer Lab
8. Resize the Emoji Head button to make it a square
9. Edit the Emoji Head button properties, paste the image address for Background Image and add the tooltip
   
10. If you only want the graphic, click Emoji Head under Text and hit space, adding a whitespace
11. Hit Save on the top right
12. Open up Firebot or Mix It Up
13. Refresh the board in Firebot or Mix It Up
    
14. Connect Firebot or Mix It Up and go on your channel – success!
    

Timed filter

Remember that we set up CTRL + 1 to turn the filter on or off. This means that you can have a button turn a filter on, wait X amount of time, then have either Firebot or Mix It Up trigger CTRL + 1 to turn it off. I know we went over this in the guide for alerts, but this can be applied to anything. Just keep in mind that it works as a toggle switch, meaning don’t accidentally use it in the reverse manner.

Stream Deck

That sexy device from Elgato can also change the filters – just open up the Stream Deck software, drag the hotkey and set the correct trigger.

Restrict filter change to subscribers, high ranks or spark spenders

If you want only certain people to be able to change your filters, you can do this with Firebot or Mix It Up. With Firebot, just edit the button and change the permissions to Group, then select who is allowed to do it; keep in mind as of this post, rankings only work with Mix It Up.

With Mix It Up, you can also restrict the buttons for people that have high ranking / currency.

For additional info on how to use these restrictions for buttons, check out the Firebot Wiki and the Mix It Up Wiki.

Change filter with chat commands

If you read the guide above on how to make a MixPlay button work with Snap Camera, then you’ll find this process pretty similar. To spare being redundant I won’t be going over the creation, but I will tell you where to go to add the chat command.

In Firebot go to COMMANDS on the left, then click + New Command and add the Game Control command. You can go to one of the MixPlay buttons we set up before, copy the Game Control effect and paste it here, then change the key accordingly to the filter.

In Mix It Up, click the Menu button and go to Commands, then make a new advanced command. You can load up the command we made before and alter it accordingly to the filter you want.

Using the example above, if someone in chat typed in !emojihead, it would trigger the Emoji Head filter – keep in mind that Mix It Up automatically adds the ! so you don’t need to.

Random filter

Although I have yet to do it [and can figure it out if anyone wants it], you could use something like AutoHotkey to trigger a random filter for the viewer. The script would basically wait for a keypress, then send CTRL + [random integer] and change the filter.

Yay, we’re done!

Hopefully you have everything working and will reign supreme with stupid silly filters going off at random on your stream from your viewers – it’s fun as funk! If this has helped you in any way or if you need additional support, just let me know below.

Have fun.
sorryaboutyourcats

Guide for letting viewers control your @Snapchat filters [and change on events like new follows / donos plus Stream Deck control] right here: https://t.co/cW7pBdRIgc

Needed: @FirebotApp or @MixItUpApp, @TheSnapCamera & @WatchMixer account.

Need more help with this? Let me know! pic.twitter.com/mTMCzjNaRy

— sorryaboutyourcats ̡̳̙̲̭͞ (@SryAbtYourCats) January 4, 2019

After this guide you’ll be able to:

• Have viewers change the colors of your Hue lights via MixPlay buttons
• Have Hue lights trigger effects and color changes for alerts like follows, hosts, subs or donations
• Have viewers trigger colorloop and light flash effects
• Have Hue lights controlled using a Stream Deck

Gimme da’ lights

If you haven’t purchased any Hue lights yet, be sure to get the newer generation lights.
There is a drastic difference in colors as seen here. Gen 3 are the ones I use.

This kit includes a Hue bridge (which is needed) and two newer generation Hue lights. I’d also recommend this LED strip as it’s both vivid and easy to slap on anywhere. There are plenty of other Hue products you can use too – just do your research before purchasing, as with any product.

Setting up WinHue

We’ll start with WinHue, the program that controls the Hue lights for Windows.
After we have a few hotkeys set up, we’ll go over the Mixer side of things.

This should be set up on the same computer as your MixPlay control program [like Firebot & Mix It Up].
If you have a dedicated streaming computer set it up on there.

Setting up WinHue is fairly straightforward:

1. Download WinHue 3.0.1386 here [hotkeys seem to be borked on newer version when I tried it]
2. Install and open WinHue
3. Connect your bridge [be sure to hit the button when it asks]
4. Make sure it finds all your lights [easy to set up via phone app]
5. Rename the lights [double click the light to turn it off/on to ensure it’s the right one]
   

Let’s make hotkeys

Open the HotKey creator in WinHue and let’s start messing around.
I’ll only be going over the features that I see useful – for additional info head over to the wiki.

Let’s go over some of the values we can change and then we’ll funk with some examples.
Select Lights for a single light and Groups for multiple lights [you can make a group inside WinHue].

The next dropdown menu will let you pick the light or group.

You should see the right side fill up with stuff after selecting the light.
Let’s make the hotkey! Click Record Hotkey and press a combo of two keys – hold CTRL and hit 1 for this test.

Now it’s time to go over the incrementors & properties.
Adjust any incrementors and it’ll add/subtract the value relative to whatever the current value is.
Adjust any properties and it’ll just set whatever value you throw at it.

A hotkey can have a few different incrementors and property adjustments so you can mix and match if you’d like.

Incrementors

bri_inc [0 = min brightness | 254 = max brightness]
Increases or decreases the brightness of light/group. To decrease just do -X.
This value does not loop – if you’re at 234 brightness and you add 50, your light will be set to 254 brightness.

hue_inc [0 = red | 22,000 = green | 44,000 = blue]
Increases or decreases the hue value (color) of the light/group. To decrease just do -X.
This value loops – if you’re at 55,000 hue (pink) then add 22,000 more, you’ll be at 11,195 hue (yellow).

sat_inc [0 = no color | 254 = max color]
Increases or decreases the saturation (color potency) of light/group. To decrease just do -X.
This value does not loop – if you’re at 227 saturation and you add 65, your light will be set to 254 saturation.

Properties

alert [select = blink once | lselect = blinks a lot | none = stops the blinking]
The selected light/group will blink off and on.

effect [colorloop = loops all the colors | none = shuts off colorloop]
The selected light/group with cycle through all the colors.

bri [0 = min brightness | 254 = max brightness]
Sets the brightness of the light/group to whatever value you set.

hue [0 = red | 22,000 = green | 44,000 = blue]
Sets the hue of the light/group to whatever value you set.

sat [0 = no color | 254 = max color]
Sets the saturation of light/group to whatever value you set.

transitiontime [0 = instant | 4 = default]
Transition time between color adjustments, done in multiples of 100ms.

Tips

Instead of inputting a random number to get the exact color you want, just move the control slider for the values.

Adjusting hotkeys automatically saves.
Just click the hotkey on the bottom, make the adjustment on the right and close HotKey Creator.

You can also erase a hotkey just by clicking on it and hitting the delete key on the keyboard.

Make these examples

We’re going to make a few hotkeys – two that work with a button press and two that are triggered with an alert.
These hotkeys will work with both Firebot & Mix It Up. Open the HotKey Creator back up and let’s get to it!

Increases hue | CTRL + 1

Slowly sets color to pink | CTRL + 2

Turns on colorloop & flashes a few times | CTRL + 3

Turns off colorloop & stops the flashing | CTRL + 4

Close out the HotKey Creator and test the hotkeys – you should be able to trigger all of them.
If they don’t work, make sure the correct hotkeys are recorded and your settings are one to one of my screenshots.

Connecting with Mixer

There are two popular tools for Mixer that integrate with MixPlay – Firebot & Mix It Up.
Regardless of which one you use, you’ll need a MixPlay board for viewers to interact with.

You can create the board by heading over to the Developer Lab, logging in and creating a board.
[If you need help on how to create a board from scratch, follow my cat ears guide.]

Make sure you create two buttons on the board – Hue change & Slow pink.
We’ll be setting it with Mix It Up next. If you’re using Firebot just scroll past it.

Mix It Up & Hue lights

We’re going to start with having two MixPlay buttons that can alter the lights.

1. Go to MixPlay and select the board you created in the Developer Lab from the dropdown menu
   
2. Click on Add Command for Hue change and select Advanced Command
3. Create new action Input (Keyboard & Mouse)
   
4. Set type to Keyboard, Key to 1, Action to Click and check the Control checkbox
   
5. Export the Actions to a file
   
6. Hit Save
7. Test the button
   
8. Add command to Slow Pink and select Advanced command
9. Import Actions from a file (pick the same file you exported before)
   
10. Expand Input and change the Key from 1 to 2
    
11. Save it and go back to the MixPlay page then click Connect
12. Go on your channel, click the buttons and have fun with the pretty colors

The next thing we’ll be doing is setting up an alert when someone follows!

Mix It Up alert trigger

1. Go to Events and click Add Command under Channel Followed, then select Advanced Command
   
2. Import Actions from a file (pick the same file you exported before)
3. Expand Input and change the Key from 1 to 3
4. Add Wait Action and set it to 2 seconds
5. Duplicate the Input action then change the key from 3 to 4
   
6. Hit Save then hit the Play button on the Events page

That should get you started on how to get this all set up! Have fun customizing it to your heart’s desire.
If it doesn’t work for whatever reason or you get stuck, let me know in the comments below or on Twitter.

Firebot & Hue lights

We’re going to make two MixPlay buttons that can mess with the lights.

1. Head to the Developer Lab, grab the code of your new board and put it into Firebot
   
2. Hover over Hue change and click EDIT
   
3. Click New Effect, select Game Control and set the pressed key to 1 and Control for Modifier, then click Add
   
4. Click on the Game Control menu, Copy it then click Save Changes
5. Hit the Play button on Hue change to confirm it works
6. Click the EDIT button on Slow pink
7. Click the EFFECTS menu and Paste Effects
   
8. Click Game Control and change Key To Press from 1 to 2, then click Save, then Save Changes
9. Click the play button to test
10. Connect Firebot to MixPlay, go on your channel and click the buttons for light fun time!

Firebot alert trigger

1. Go to the EVENTS page and click on New Event
   
2. Name the event and select Follow from the Trigger On dropdown menu
   
3. Click the EFFECTS menu and Paste Effects
   
4. Click Game Control and change the Key To Press from 1 to 3 then hit Save
5. Click New Effect and select Delay then set Seconds to 2 and hit Add
6. Click the EFFECTS menu again and Paste Effects… again
7. Click Game Control on the newly pasted item and change the Key To Press from 1 to 4 then hit Save
8. Click the Test Effects button on the EFFECTS section and rejoice at the funky lights!

This should set you on your path towards customized lights! Have fun funking around.
If it doesn’t work for whatever reason or you get stuck, let me know in the comments below or on Twitter.

Stream Deck

It’s also useful to have the Stream Deck control Hue lights, just in case you want things back to normal.
All you have to do is drag the Hotkey button to your grid and set up the hotkey that’s assigned in WinHue – easy!

Yay pretty lights!

With WinHue combined with Mixer’s MixPlay [using Firebot or Mix It Up], you can do a lot of fun things with Hue lights. I hope you enjoyed this guide on how to set up the Hue lights to work with Mixer’s MixPlay and alerts.

There is more customization using Processing, like creating light patterns [e.g.  emulating cop lights].
Since my 2016 guide is long gone, I’ll have to recreate it eventually – so look out for it!

Thanks for reading,
sorryaboutyourcats

Updated guide on controlling Hue lights with @WatchMixer‘s MixPlay using @FirebotApp, @MixItUpApp & the Stream Deck. https://t.co/1vnpGPcKtZ pic.twitter.com/u00ONAEZZu

— sorryaboutyourcats ̡̳̙̲̭͞ (@SryAbtYourCats) December 26, 2018