OVERLAY Z

Support me on Patreon!
  Try it on Itch.io! Commands List

Project started in Sept. 2016

Have your Discord voice chat interact with Twitch streamers!

zFEATURES:

Displays the active speakers of your voice chat in discord on stream!
FREE to use!
Works with OBS and Xsplit (tested) Browser source
Dynamically editable in your broadcasting software
Use custom pixel art portraits for each active speaker
Characters fall asleep after a period of inactivity
Integrates with twitch chat (commands, point system)

 

SETTING UP THE FIRST TIME

Go to: https://discordapp.com/developers/applications/me and follow the following steps

  1. Add a “New Application
  2. Create a “Bot User
  3. Give the bot a name that will be seen in your discord and click on “Create Application
  4.  Make sure the bot is set as “public” and click on “Add Redirect URI“.
  5. Add the following Redirect URI:  https://discordapp.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&scope=bot&permissions=0  and replace “YOUR_CLIENT_ID” by the client ID# displayed on top of the page. Reveal the token and copy it for later. Click on “Save Changes”.
  6. Copy/Paste and go to the URI created in 5) in your browser and select the server to authorize bot.

 

Step by Step Guide


LAUNCH THE OVERLAY

  1. Open OBS (tested with Studio 0.16.2)
  2. In your scene, add a source and choose “Browser Source”
  3. In the properties window for the Browser source, under URL, enter: https://nativepixels.itch.io/overlay-z or http://overlayzbeta.bitballoon.com/ (alternate) . Enter the size of your screen resolution in the width and height fields (1920×1080 recommended). leave FPS at 30.
  4. Right click the source and go to “Filters”. Add a “Color Key” filter and in the properties, select a key color and use the eye dropper tool to select the overlay background color on screen. Make sure to set the similarity to the lowest settings to only remove the background color.
  5. To Interact with the responsive overlay in OBS, right click on the source and select “Interact”. A new window will open, in which you can use the mouse/keyboard to customize the overlay.
  6. Press “`” to open the settings console.

USE THE OVERLAY

  1. Once Prompted, enter the following:
    1. Discord username (ex: Joe)
    2. Room name (Discord Voice Chat)
    3. Token (reveal it at https://discordapp.com/developers/applications/me )
  2. Click on “Next”
  3. In the Twitch login screen, you can skip directly to the overlay without using Twitch commands and Twitch games. The overlay will work with Discord features. Enter the following:
    1. Twitch username
    2. oauth password ( generate it at: https://twitchapps.com/tmi/ )
  4. Click on “Go”
  5. Access the console Menu via the commands ( http://nativepixels.com/overlayz-commands/ )