Installation Guide
https://www.youtube.com/watch?v=IdoS6yKr_sY
On this Page
Install the Extension
Install the extension from the Twitch Extension Store. Once on the Stream Stickers extension details page, tap on the “+ Install” button.
Activate the Extension
Once you have installed the extension, it's time to Activate it on your Twitch page by selecting the “Activate” drop down on the following screen. From this dropdown you can choose either “Set as Component” or “Set As Panel” as the activation method.
Don't miss this step!
The Activate button can sometimes appear below the screen on smaller monitors. Be sure not to miss this step or your viewers will not be able to slap stickers!
Note for Firefox Users!
There is currently a Twitch bug that prevents activation of all extensions when using the Firefox Browser. Please switch to Chrome to properly activate or deactivate and extensions on Twitch.
You’ll only be able to activate the extension in one mode at a time, but you can always switch between modes whenever you like. Stream Stickers can be activated to run in one of two ways:
- Component Extension: Displayed as an overlay directly on top of your live stream.
- Panel Extension: Displayed as a panel directly below your live stream.
Tip!
Keep in mind that Twitch allows up to two Component Extensions or three Panel Extensions to be active at once, so select the option that best works with any other extensions you may already be running.
Add Stream Stickers to your Streaming Software
Next, you’ll need to set up your streaming software to work with Stream Stickers by adding your Stickers Browser Source URL to the stream.
Tip!
Don't have streaming software yet? We recommend using Open Broadcaster Software or "OBS", for short. This is the streaming software package used by most broadcasters on Twitch to stream their live content. It can be found here: https://obsproject.com/
Once done, head over to the Stream Stickers Dashboard by clicking the link below:
https://dashboard.streamstickers.com
The first time you visit our dashboard, you'll be presented with a setup tutorial that includes your personal Browser Source URL. A Browser Source URL is the "media player" where we will send the stickers your viewers use. This Browser Source URL is what we'll need to add to your Streaming Software such as OBS.
Tap on the “Copy to Clipboard” button to copy it to your clipboard.
Next, add this new Browser Source to your streaming scene inside your streaming software. The example below is from OBS, but the process is similar for most other popular streaming platforms.
When creating a new Browser Source, you can call it anything you like, however for this example, we'll name it "Stream Stickers" and click OK.
Next, paste (CTRL+V) your Browser Source URL into the “URL” value.
In the Height and Width boxes, you'll add your EXACT stream Height and Width values of your stream output.
Stream Resolution
For nearly all broadcasters, the proper stream resolution is 1920 Width by 1080 Height. This resolution can be confirmed in your streaming software under the settings for “Video” and by looking at your “Base (Canvas) Resolution”. If you need help with this step, head over to our Discord and we can help you out.
Check the Box that says “Refresh browser when scene becomes active”
Full Screen Ahead!
Please be aware that when adding a Browser Source, most streaming software will attempt to set a default width and height of 800x600, which could make your stickers appear tiny (that’s no fun). Setting the right size browser source height and width is crucial.
In order for Stream Stickers to function properly you MUST input your EXACT video output width and height NUMBER VALUES into the Browser Properties as shown above.
IMPORTANT
You should not use the default width and height and then attempt to manually STRETCH or FIT TO SCREEN. If you do, the stickers will also appear blurry and or stretched.
Test your Setup
That’s it! It’s now time to test your configuration to make sure everything is working properly. On the next screen you’ll be able to activate a Test Sticker as well a Browser Size Test to make sure the Browser Source is covering your entire screen.
Looking for further support and guidance?
Head over to our Discord channel.