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

• Have viewers shock you with different intensity levels using MixPlay buttons or text commands
• Have viewers send vibrations or beeps with different intensity levels using MixPlay buttons or text commands
• Tips on how to best utilize Mix It Up features for a device like this

What you’ll need:

• Either Pavlok 1 or Pavlok 2 [cheaper renewed version here]
• Android device, iPhone or iPad
• Mix It Up [haven’t tested it in Firebot yet]

Pavlok setup

After ensuring your Pavlok is fully charged, strap it on your wrist, download the app [Android or iOS], sync it up via Bluetooth and test it out by using the Pavlok Remote built into the app.

Although setting it up is pretty straightforward, here are additional resources if you need help or have any questions about the Pavlok:

FAQ | Pavlok 1 Instructions | Pavlok 2 Instructions

Setting up Pavlok Unlocked

Pavlok Unlocked is the web app that connects our Pavlok device to the world. 

• Open up the Pavlok app
• Go to More
• Tap Redeem

• Type Unlock_Unlocked and hit OK

• Tap Grant access to my device

• Connect your existing account or create a new one
• You should see this page after connecting:

• Go back to the Pavlok app and go to the Home tab, then scroll down and tap Unlocked

• Create a new Shared Remote

• Name it [case sensitive], copy the URL and tap Generate Link

• Go to the Unlocked URL you just copied and test the functionality

You should have been able to beep, vibrate and zap your Pavlok right from the browser. There might be a delay, so don’t mind that. If for whatever reason this did not work, ensure that the Pavlok is charged and that your phone still has a valid connection to the device – just try beeping from the app. If you’re still having issues just let me know.

Playing with web requests

Obviously we don’t want viewers accessing the page we were just playing with, so instead we’ll be using Mix It Up to send web requests to the Pavlok by adjusting the URL.

Add /beep/150 to the end of your URL – it should look something like this:

https://pavlok-mvp.herokuapp.com/unlocked/remotes/*YOURNAME*/beep/150

Try that in a browser; your device should have beeped from that.

You could replace beep to vibrate or zap, with numbers ranging from 1 to 255.

Mix It Up MixPlay buttons

Viewers can control the Pavlok device via MixPlay buttons using Mix It Up.

Create a new MixPlay project here [or modify an existing one].
Make three new buttons – Beep, Vibrate & Zap, place them on all grids, then hit SAVE.

Open up Mix It Up, go to the MixPlay section and select your board [if you don’t see it, hit the refresh button].

Click Add Command for Beep, then click Advanced Command.

Select Web Request on the Action menu, then hit the + button.

Insert this URL [change the name] as the Web Request:

https://pavlok-mvp.herokuapp.com/unlocked/remotes/*YOURNAME*/beep/255

Hit the Play button to test it, then hit Save.

Repeat the steps for the other two buttons but change beep to vibrate and zap [see pictures]. Perhaps use something more than 5 for the zap if you can’t feel the shocky shocky.

Hit the Connect button in Mix It Up, head to your channel and hit the buttons. Yayy it works [hopefully]!

Tips and tricks

Cooldowns

Be sure to have a shared cooldown for all Pavlok related buttons and make it at least 30 seconds as sometimes there is an unforeseen delay.

Sound or Text To Speech

You can have a sound play so you know a Pavlok event has been trigger. Although this might take away from the surprise factor, it’s good to start out like this for anxiety reasons.

Ranks

If you’re using Mix It Up, you can allow only people of a certain rank to hit the button. Not only does this stop people from abusing the power, but it also grants another incentive to stick around the stream.

User trigger

When a user clicks the button, you can have said button change it’s text to show who actually pressed it – or have a seperate button that displays the status of the Pavlok [e.g. sorryaboutyourcats triggered zap 50]. You can also have this trigger in the chat window or as an overlay. Check out Mix It Up’s documentation for more information on how to achieve that.

Text command

You can also utilize the same actions and put it into a text command, although I would advise against this due to the fact that if too many actions are triggered, Pavlok will have a queue of them – meaning you can get zapped over and over and over and over again. You could restrict this usage to mods or subs only, or add a cooldown to it as well. Go to Commands, then Custom Commands if you want to mess with this.

Trigger for sub, dono, etc.

In the Events section of Mix It Up, you can add the Pavlok commands to anything, such as a new sub or even a donation. The only thing I would advise for this is to temporarily disable any Pavlok related buttons on the MixPlay board for at least 30 seconds – this way a queue of actions isn’t being formed.

Done? Done!

I hope you and your viewers have a lot of fun with this! Go play a scary game, or even Jenga, and let me know how it works out for you. =D

Use ’em sparks,
sorryaboutyourcats

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

• Have viewers be able to change the color your Nanoleaf lights
• Have viewers be able to change the pattern or rhythm pattern of your Nanoleaf lights
• Have viewers be able to change the rhythm mode [take sound from 3.5mm or via rhythm module mic]
• Trigger your Nanoleaf Lights on alerts, like follows, hosts, etc.
• Be able to control the Nanoleaf lights with your Stream Deck

What you’ll need:

• Either Firebot or Mix It Up
• Access to your router
• Nanoleaf lights
• AutoHotkey
• These three scripts

Obtaining the Nanoleaf IP address

You’ll have to find the IP address of your own Nanoleaf lights.
The easiest way to do this is by looking at the list of your connected devices via your router.

There are many different routers out there, with different interfaces – but I can only guide you using the one I have.
Chances are you can connect to it via 192.168.0.1 / 192.168.1.1 – credentials usually listed physically on device.

On my hitron modem/router, I go to Connected Devices to find the list of devices connected to it.

From there, I search for the Nanoleaf – not by name, but by MAC address.
To do this, on the connected devices page, I do a search for 00:55:DA and find the IP address.

Judging by this, my Nanoleaf lights are 192.168.0.51.
If you have any confusion towards finding your Nanoleaf IP address – send me your router model number!

Nanoleaf authorization & setup

Now it’s time for us to make a new Nanoleaf user.
The first thing we have to do is modify the user.ahk script – so open it up in a text editor.

In the script you should see 192.168.0.51 – place your IP address there instead.
After inputting your IP address, save and close the script.

Hold the power button on the nanoleaf until it starts blinking.
Open user.ahk – you should see a dialog pop up and a new text document called Key.txt in the same folder.

Hit OK on the dialog, open Key.txt and copy the auth token.
If you get a 403 error, then you might not have been fast enough – it only gives you 30 seconds.

Open nanoleaf.ahk in a text editor and modify both the IP address & auth token.

Save the script and close it.
Run the script using AutoHotkey and you should see a white/green H on your taskbar.

Now it’s time to test it! Hold CTRL and press 4 – this should change your lights to blue.
If it didn’t work, be sure the script is running and has the correct information [IP address & auth token].

Close the script by right clicking on the H and going to Exit.

Understanding the script

Open nanoleaf.ahk in your text editor and scroll down until you see ^1:: .
Let’s go over a few lines so that you can modify it to your liking.

^1:: When CTRL and 1 are pressed together, it’ll run whatever is under it.
WinHTTP.Open(“PUT”, “http://” . nanoIP . “:16021/api/v1/” . nanoCode . “/state/brightness”)
bodytext = {“brightness” : {“value”:18, “duration”:0}} Changes brightness to 18 quickly. Max 100. 
WinHTTP.Send(bodytext)

WinHTTP.Open(“PUT”, “http://” . nanoIP . “:16021/api/v1/” . nanoCode . “/state”)
bodytext = {“hue” : {“value”:360}} Changes hue to 360, which is red. Max 360.
WinHTTP.Send(bodytext)

WinHTTP.Open(“PUT”, “http://” . nanoIP . “:16021/api/v1/” . nanoCode . “/state”)
bodytext = {“sat” : {“value”: 100}} Changes saturation to 100, which is vibrant color. Max 100.
WinHTTP.Send(bodytext)
return Halts script for meow.

Chances are you’ll leave hue & saturation alone and adjust the brightness according to how it looks on stream.

The script has the following triggers for colors:
[If you would like to change the key trigger, check out the AutoHotkey reference here.]

CTRL + 1 = RED
CTRL + 2 = YELLOW
CTRL + 3 = GREEN
CTRL + 4 = BLUE
CTRL + 5 = PURPLE
CTRL + 6 = PINK

Besides colors, there are also patterns, rhythm patterns & rhythm modes.
Because you can load & remove different patterns, some of the ones on this script might not work for you.

CTRL + p = Color Burst with aux cable as rhythm source
CTRL + o = Northern Lights
CTRL + q = Romantic
CTRL + w = Checkerboard
CTRL + u = Radiate
CTRL + t = Inner Peace
CTRL + n = Nemo
CTRL + i = Dancing Duo with aux cable as rhythm source

To get a list of available patterns, open patterns.ahk and it’ll spit out info into Patterns.txt.
Then all you have to do is copy and paste whatever pattern you want in the bodytext.

Now we’ll take a look at how Dancing Duo is triggered.

^i:: When CTRL and i are pressed together, it’ll run whatever is under it.
WinHTTP.Open(“PUT”, “http://” . nanoIP . “:16021/api/v1/” . nanoCode . “/effects”)
bodytext = {“select” : “Dancing Duo”} Changes to Dancing Duo pattern.
WinHTTP.Send(bodytext)

WinHTTP.Open(“PUT”, “http://” . nanoIP . “:16021/api/v1/” . nanoCode . “/state/brightness”)
bodytext = {“brightness” : {“value”:20, “duration”:0}} Changes brightness to 20 quickly. Max 100. 
WinHTTP.Send(bodytext)

WinHTTP.Open(“PUT”, “http://” . nanoIP . “:16021/api/v1/” . nanoCode . “/rhythm/rhythmMode”)
bodytext = {“rhythmMode”:1} Changes source to aux cable. 0 would change it to microphone.
WinHTTP.Send(bodytext)
return Halts script for now.

For additional information on Nanoleaf’s API, check out this postman reference which explains everything in detail.
As always, if none of this is clear and you need additional help, comment below or just message me on Discord.

Control Nanoleaf via Firebot MixPlay buttons

Viewers can control the Nanoleaf via MixPlay buttons using Firebot.
This section will go over the Firebot side of things – scroll down for Mix It Up.

Create a new MixPlay project here [or modify an existing one].
Make two new buttons – Pink & Inner Peace, then hit SAVE.

Click Code on the top to get the code of your board.
Open Firebot, click CHANGE BOARD, then Add New Board [or select an existing one and resync it].

Edit the Pink button.

Click (+) New Effect under EFFECTS.

Select Game Control, then make the Key To Press 6 and check Control for modifiers, then hit Add.

Copy the Game Control effect, then hit Save Changes.

Click EDIT on the other button, Inner Peace, then paste the effect.

Click Game Control, then change the 6 under Key To Press to t and hit Save, then Save Changes.
Run the nanoleaf.ahk script, then in Firebot click the Play buttons to test it.

Yay! The lights change! You can also connect Firebot to Mixer and test this on your board to ensure it’s okay.
If they don’t change, make sure the script is open and that the effects are striking the correct key.

Control Nanoleaf via Firebot alerts

Firebot can trigger the lights on events like new follows and hosts.
In Firebot, go to EVENTS on the left side, then click (+) New Event.

Name the event, check Active Event and select the Trigger On to Follow.

Click on (+) New Effect and select Game Control just like we did with the buttons.
Set the Key To Press to n and check Control under the Modifiers, then hit Add and then Add Event.

Click the Play button under Follow to test it [or have someone follow you while Firebot is connected].

Congratulations – looks like you got the Nanoleaf working with Firebot! Woo!
For additional information on how to do things in Firebot check out their Wiki here.

Scroll down to check out how to connect the Nanoleaf with the Stream Deck & useful tips.
And as always, if you need additional help – just let me know.

Control Nanoleaf via Mix It Up MixPlay buttons

Viewers can play with your Nanoleaf via MixPlay buttons using Mix It Up.

Create a new MixPlay project here [or modify an existing one].
Make two new buttons – Pink & Inner Peace, then hit SAVE.

Open up Mix It Up, go to the MixPlay section and select your board [if you don’t see it, hit the refresh button].

Click Add Command for Pink, then click Advanced Command.

Click the Action dropdown menu and select Input (Keyboard & Mouse), then hit the + button.

Select Keyboard for Type, 6 for Keyboard Key, Click for Action and Control checked, then hit Save.

Repeat the same steps for Inner Peace, but change the Keyboard Key from 6 to T.
Run the nanoleaf.ahk script and click the Play buttons for Pink & Inner Peace.

Funk yesh – the lights change! You can also connect Mix It Up and test this on your board to ensure all is peachy.
If they don’t change, make sure nanoleaf.ahk is open and that the effects are striking the correct key.

Control Nanoleaf via Mix It Up alerts

Mix It Up can also trigger Nanoleaf light changes on events like new follows.

In Mix It Up, click the Menu button and go to Events.
Find Channel Followed and click Add Command, then Advanced Command.

Click the Action dropdown menu and select Input (Keyboard & Mouse), then hit the + button.
Select Keyboard for Type, N for Keyboard Key, Click for Action and Control checked, then hit Save.

Click the Play button for Channel Followed to test it out [or connect Mix It Up and have someone follow you].

Nice – looks like you got the Nanoleaf working with Mix It Up! Great success!
For additional information on how to work with Mix It Up, check out their Wiki.

There are additional tips and tricks below that should help you get the most out of your board.
And as always, if you need more help or have questions – just let me know.

Stream Deck set up

When you allow viewers to modify goodness like the Nanoleaf lights, it’s good to have some type of override.
This is where the Stream Deck comes in – just drag a hotkey onto one of the boxes and set it accordingly.

Keep in mind that nanoleaf.ahk needs to be running in order for this to work.

Tips and tricks

Script startup
The nanoleaf.ahk script can load on Windows startup , this way you don’t have to open it up each time.

Hold the Windows Key & hit R, then type in shell:startup, hit enter and the Startup folder should open.
Create a shortcut of the script [or move the actual script] over to the Startup folder and… that’s it!

Lights may look strange on stream
You can either adjust the exposure of your camera or the brightness of the Nanoleaf lights.
Lychi uses 17-20 for brightness on her lights but your settings may differ, so mess around with it!

MixPlay
Be sure to create buttons for all three grid types and test your buttons on a phone, Xbox, tablet and PC if possible.
Set up the Nanoleaf controls in one cooldown group, otherwise someone’s color change might only show briefly.

You can also have it so that subs [or another role] have access to certain colors that regulars don’t have access to.
Definitely check out Firebot & Mix It Up’s guides or videos on how to achieve this.

Closing

So there you have it! Viewers can now control your sexy Nanoleaf lights! Yayyyy!
If this has helped in any way be sure to tell me on ‘da Twitters or below.
And as always, if you need more help or can’t figure something out, let me know.

All the best,
sorryaboutyourcats

Let @WatchMixer viewers control your @Nanoleaf lights with MixPlay, using @FirebotApp or @MixItUpApp! Guide here: https://t.co/CQd6sBBRPZ pic.twitter.com/HiT3teLRBa

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

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

I must warn you that this is version 1 and that certain things may be a tad ghetto – but it does indeed work! My hope is that you learn from this guide, make your own and create something even sexier before we work on our version 2. As always, if you need help, let me know in the comments below.

These are the products we need to make this happen:

• Adafruit Feather M0 WiFi
  https://www.adafruit.com/product/3010
  https://amzn.to/2EYq2Bq
• Flora RGB Smart NeoPixel version 2
  https://www.adafruit.com/product/1260
  https://amzn.to/2Rw1IbG
  
• Jumper Wire Kit
  https://amzn.to/2Sai2zr
• Any wireless dongle
  https://amzn.to/2QD81hD
  
• Cat ears found on Etsy, Amazon or at a convention
  https://www.etsy.com/search?ref=tab_search&q=cat+ears
  https://amzn.to/2CoZhTH
  
• Soldering Iron
  https://amzn.to/2Cocr3g
• Hot glue gun
  https://amzn.to/2QHbzzd
  
• Electrical tape
  https://amzn.to/2BtiuSl
• Any pair of headphones
  https://amzn.to/2R6HN6B

These are useful but not needed:

• Helping Hands
  https://amzn.to/2QhDXUj
• Arduino For Dummies
  https://amzn.to/2qq4cNd
• Arduino Starter Kit
  https://amzn.to/2yP02mt
• Make: Wearable Electronics
  https://amzn.to/2EEzkSq
• Lithium Ion Polymer battery [if you don’t want to be connected]
  https://www.adafruit.com/product/258
  https://amzn.to/2EF149l

Before we begin I must state that I am by no means an expert in creating these sort of devices – I just have a lot of patience and a passion for trying new things; if you too have the patience and at least some interest in creating this, you’ll both have fun and learn something new in the process. If you get stuck, have any questions or have a way to improve this guide, feel free to comment below. Since this is version 1, expect many revisions to make these better and better.

Have everything? Time to start!

Let’s begin with setting up the Adafruit Feather M0 WiFi. Since Adafruit’s guides kick ass, I’m going to link you their documentation – just follow it and head back here once you’re done.

This guide will teach how to set up the Arduino IDE for use with Adafruit boards:
https://learn.adafruit.com/adafruit-feather-m0-wifi-atwinc1500/setup

After that is set up, we’re going to continue the Arduino IDE configuration along with installing drivers. Although the Blink sketch is not needed, it is good to do for ensuring everything is working properly. If you’d rather pass it, just head back here after installing the drivers:
https://learn.adafruit.com/adafruit-feather-m0-wifi-atwinc1500/using-with-arduino-ide

Now it’s time to set up the WiFi side of things! Technically all you need to do here is install the WiFi101 library, but you can go through the entire guide in case you want to get more familiar with how WiFi works with the board:
https://learn.adafruit.com/adafruit-feather-m0-wifi-atwinc1500/using-the-wifi-module

Chances are the firmware is out of date – so let’s update that bad boy! Follow the guide here:
https://learn.adafruit.com/adafruit-feather-m0-wifi-atwinc1500/updating-firmware

Hands-on time!

Get the Feather M0, NeoPixels and Jumper Wires ready, it’s time to start wiring. We’re going to connect everything first and test it before actually soldering everything.

The wiring will go as follows:

• Feather M0 – 3V -> NeoPixel +
• Feather M0 – GND -> NeoPixel –
• Feather M0 – PIN 6 -> NeoPixel arrow pointing to middle

Fritzing diagram on how to set up:

Here is a shot of a different Feather M0 with the correct wiring:

Yay – you wired a bunch of goodness! Hopefully that wasn’t too much trouble. Now it’s time to connect the micro USB cable from the Feather M0 to the PC. The final result should look like this, minus the LEDs being on:

And meow the software side of things…

Reading this section assumes you have properly set up the Arduino IDE to work with adafruit devices and have the Feather M0 connected via USB. If you haven’t done that, get your butt back up a few sections.

1. Download this zip from GitHub and extract it
2. Open up CatEarsLED.ino
3. Select the Adafruit Feather M0 board [under Tools]
4. Select the correct port [under Tools]
5. Upload the code [CTRL + U]
6. Open the Serial Monitor to confirm WiFi connection [CTRL + SHIFT + M]
7. On your PC connect to the Feather SSID via WiFi
8. Open your browser and connect to http://192.168.1.1
9. Click on one of the links and see the LEDs change color; weeee!

I won’t go into much detail with customization unless requested, but here are a few things to know:

If you need to change the amount of pixels, change this number:
#define NUMPIXELS 4

This line of code changes a certain LED to a certain color:
pixels.setPixelColor(PIXELNUMBER, pixels.Color(RED,GREEN,BLUE));

Example of changing the third LED to blue:
pixels.setPixelColor(2, pixels.Color(0,0,255));

Here is a good guide on NeoPixels showcasing the different types and various info:
https://learn.adafruit.com/adafruit-neopixel-uberguide?view=all

If the LEDs all light up then proceed to the next step. If for whatever reason none of them light up, there are a few things you can look at:

• Does the serial monitor show that the WiFi is broadcasting?
• Did you connect to the Feather SSID from your PC via WiFi?
• Are you connected to the Feather M0 via USB to your PC?
• Are any of the cables loose?
• Are there any errors in the Arduino IDE?
• Is the Feather M0 on-board LED lit up?

If only some of the LEDs light up, check the cables – they’re either loose or need to be replaced.
Once all the LEDs light up and everything looks good then we can proceed. The soldering will come after you confirm jumper wire lengths with the cat ears, so no need to do that yet.

Let’s make a MixPlay board!

We’ll need to make a new MixPlay board in the developer lab, so head there now and make a new project. Be sure to name the project and set the project game too. Once you’re done with that, head to the Build tab on the top.

We’re going to make a very generic board just to show you how to make this work, so it’ll be up to you to customize it as you see fit. Create a new control, name it Unicorn and drag it to the board on the right. You’ll want to drag it for each grid type [small, medium & large], so be sure to change that on the right side. After you’ve dragged the button over three times for each grid type, save it.

If you want to dig deeper into the development side of Mixer, head over here, though it isn’t needed for this project.

Mix It Up time!

Mix It Up is a program that helps streamers connect various things with MixPlay, like our LED Cat Ears!
If you don’t have it already, download it now.

1. Open Mix It Up, sign into Mixer and go through the new user process
2. Click the Menu button and go to MixPlay
3. Select your board from the Game dropdown menu
   
4. Click Add Command on the Unicorn button, then click Advanced Command
5. Under Action select Web Request
   
6. On the Web Request URL put http://192.168.1.1/3, then None from the dropdown and save
   
7. Back at the MixPlay screen, click Connect
   
8. Go to your Channel page and you should see the buttons below
   
9. Click the button and you should see the ears change colors

There is a lot of stuff you can do with Mix It Up, so definitely check out the Mix It Up wiki if you want to know more about customizing your board. As an example, when someone presses a button on Lychi’s stream, the cat ears change color and a sound effect plays – it also states who pressed it. Besides button presses, you could have event triggers change the lights as well.

If you want to use a different color or pattern than Unicorn, go to http://192.168.1.1 on your browser while being connected to the Feather M0, right click on the color you want, copy  and paste it into the Web Request info. You could also just change the /3 at the end of the URL to one of these:

• /R for red
• /G for green
• /B for blue
• /P for pink
• /T for blue-green
• /Y for yellow
• /U for purple
• /Q for random color
• /1 for police
• /2 for random pattern
• /3 for unicorn
• /4 for purple pulse
• /5 for heartbeat
• /6 for strobe
• /7 for blue green pulse
• /8 for cyan yellow swap
• /9 for hacks
• /X for Christmas

Cat Ears finalization

Honestly this part is going to be a little tricky since you’re not using the exact same headphones or cat ears that was used for this version, so I apologize for this – you will have to use some of your creative skills to make this work; but I mean, if you got this far then I doubt it’ll be an issue for you. I promise that on the next version of these better documentation will be made, but for now your awesome skills will have to do. =D

Version 1 of the MixPlay Cat Ears has the ears directly attached to the headphones. That being said, the first thing to do is hot glue the ears to the headphones. If you bought cat ears that are attached to a headband, you should probably break it apart nicely so you can attach it directly to the headphones, but that really depends on you.

If you haven’t used a hot glue gun before, check this out for tips.

Once the cat ears have been attached to the headphones, put the Feather M0 behind one of the ears [the side where the headphone cable is coming down on], two LEDs in one cat ear and the other two LEDs in the other ear. If you can’t reach to the 2nd cat ear, replace the jumper wire with a longer one. If you do end up changing the wire, test it to make sure the LEDs still work. Although the photo shows electrical tape, do not do that yet as we are just measuring it out.

After confirming the wire jumper length and placement, we’re ready to solder. If this is your first time soldering I highly recommend checking this video out. Here is another video showing a great angle on how to solder as well.

Once every wire point is soldered, test it again. Slightly move the board around to see if any LEDs turn off too as that is a good indication that more soldering is needed [or that the cable sucks and needs replacing].

If all the LEDs turn on and everything looks good, place the Feather M0 and LEDs back to where you had it before. Use electrical tape and hot glue to keep everything solid, or figure out a better way to make it less ghetto – though it still looks pretty good on stream!

Hopefully at this point you have successfully made your version 1 of MixPlay LED Cat Ears! Hope you had fun creating it. Be sure to upload photos and let me know if you have any questions or need any assistance.

Thanks!

Many thanks to Lychi for soldering and putting together the cat ears [and for being a guinea pig for my experiments], adafruit for their awesome guides and hardware, Mixer for being an awesome site to put unique things on, Mix It Up and Firebot for having the ability to do what we want with ease and all the viewers who contribute to the craziness.

Future…

The next version of the MixPlay LED Cat Ears will have 3D printed parts to hide the cables instead of electrical tape, be able to detach/reattach from headphones, and have servos to be able to move up and down. And perhaps I’ll make one for me. Nah, I’ll let Lychi have all the fun with the ears.

Thanks for reading!
sorryaboutyourcats

Let viewers control your colorful cat ears? Yes please!

Guide on how to create your own @WatchMixer MixPlay LED Cat Ears that work with @MixItUpApp right here: https://t.co/HUQd26Urbq

Have any questions or need help just let me know. pic.twitter.com/XdJBQEsU2T

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

But wouldn’t it be cool if every time a stream donation came in, the LED cat ears lit up? Well this is exactly what Lychi & I wanted to do for this week’s charity event, but there was no easy way to do it… until meow!

I had to figure out a way to get alerted when a donation gets in – so I thought the banner, which gets updated each time, would be the perfect target. The next thing I had to figure out is how to send a web request to the LED cat ears to trigger a pattern. I am using xampp 1.7.7 on Windows 10 to do this, so if you have issues with replication, use that version.

So let’s begin!

1. Install xampp and start Apache from the control panel
2. Go to http://localhost on any browser to confirm Apache is running
3. Create a new folder called checker in the C:\xampp\htdocs\ directory
4. Create a new file called checker.php in C:\xampp\htdocs\checker directory
5. Open checker.php in your most tolerable text editor and get ready to copy paste and modify

Code time!

This will keep refreshing the page to check for changes – modify the $sec value if you need it slower or quicker for whatever reason.

<?php
$page = $_SERVER['PHP_SELF'];
$sec = ".5";
?>

The next few lines check for changes in the website by comparing the hash every few seconds. Anything before the } else { will run when no site changes occur [no donation], and anything after the } else { triggers after site changes [donation occurred].

If you wish to do something else other than a web request, remove $remote = fopen(“http://[WEB REQUEST]”, “r”); & fpassthru($remote); and put something else in there that you want triggered when a donation occurs. Be sure to add your event where it states [EVENT NAME HERE] as well.

<?php
$contents = file_get_contents('https://tiltify.com/events/[EVENT NAME HERE]/overlay/dashboard');
$hash = file_get_contents('hash');
if ($hash == ($pageHash = md5($contents))) {
} else {
$remote = fopen("http://[WEB REQUEST]", "r");
fpassthru($remote);
$fp = fopen('hash', 'w');
fwrite($fp, $pageHash);
fclose($fp);
}
?>

And lastly, some HTML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="refresh" content="<?php echo $sec?>;URL='<?php echo $page?>'">
<title>Donation Checker</title>
</head>

<body>
Checking for donations...
</body>
</html>

I’m not sure how useful this will be for anyone else other than Lychi but hey, I figured I’d post it in case someone else is trying to do something similar and is having issues figuring it out. I know the guide is far from perfect, so if there are any issues with this or if you have questions feel free to ask them below!

Love you like tacos,
sorryaboutyourcats