TWITCH YOUTUBE OBS Meld DLL REQUIRED

GIPHY & SB

5.0(7)

A GIPHY integration for Twitch & YouTube, powered by Streamer.bot. Display random GIFs, stickers and clips based on chat input — all fully compliant with Twitch's Terms of Service.

  • Trigger GIFs, stickers and clips from chat with a single command
  • Single or multiple GIFs in fixed or random positions
  • No API key or registration required
  • Content rating control
GIPHY & SB Streamer.bot extension preview

Quick Access

Copy what you need to get started. Follow the setup guide below for detailed instructions.

Browser Source URL

Add this as a browser source to OBS.
https://tawmae.xyz/overlays/giphy-and-sb

Action Import String

Import the actions into Streamer.bot.
Loading…

Setup Guide
1

Copy the Action Import String

Copy the Action Import text from Quick Access.

Copy the Action Import String
2

Import the actions into Streamer.bot

In Streamer.bot click Import in the top menu. Paste the text into the Import String field. Click Import at the bottom.

Import the actions into Streamer.bot
3

Enable the commands

Open the Commands tab. Find the imported group. Right-click the group and click Group → Enable All.

Enable the commands
4

Run the Settings UI once

Open the action [GIPHY & SB] #0 - Settings. Right-click the Test trigger and hit Test Trigger to open the Settings UI once.

NoteIf the TawmaeUI.dll is missing, you’ll be asked to auto-download. That popup window may appear behind the Streamer.bot window, so make sure to check if nothing appears.
Run the Settings UI once
5

Start WebSocket Server

Go to the tab Servers/Clients → WebSocket Server. Enable Auto Start WebSocket Server. Address 127.0.0.1. Port 8080. Optional password. Leave Enforce All Requests unchecked. Start the server.

Start WebSocket Server
6

Copy Browser Source URL

Copy the Browser Source URL from Quick Access.

Copy Browser Source URL
7

Add Browser Source in OBS

In OBS, create a new Browser Source, name it whatever you want. Then paste the copied URL into URL and set the Width and Height to your OBS canvas size (e.g. 1920x1080)

NoteIf you want to have the browser source in multiple scenes, don't create a second browser source. Instead, use nested scenes or source clones.
Add Browser Source in OBS
8

Done!

And you are done! You can now type !gif catjam into your chat.

Commands
!gif [Input] Access Everyone

Show a GIF based on the given input.

Example!gif cat jam
!sticker [Input] Access Everyone

Show a sticker based on the given input. Stickers are GIFs with transparent backgrounds.

Example!sticker cat jam
!showClip [Input] Access Everyone

Show a clip based on the given input. Clips are short videos and have sound.

Example!showClip cat jam

Settings UI

General

Configure content rating, display duration, and how far into the search results the random pick can go.

  • Content Rating Limit GIFs to a specific rating. All ratings are safe for streams and moderated by GIPHY.
  • Duration How long each GIF and stickers stays visible before being hidden again. Clips always use their actual duration.
  • Range Controls how deep into the GIPHY results list the random GIF/Sticker/Clip is picked from. A range of 1 will always pick the top result without any variation.
General settings

Overlay

Decide the GIF size, GIF limit, and whether GIFs appear in a fixed position or at one place

  • Media Height Limit the size by entering a max. height. The width will automatically adapt
  • Centered Mode If on, only a single GIF/Sticker/Clip will appear in the center of the browser source. Random positon, rotation and Max. Items will be ignored.
  • Max. Items How many GIFs/Stickers/Clips can be displayed at once on your canvas. Excess items will enter a queue..
  • Random Rotation Randomly rotate the GIF in a -45° to +45° angle.
  • Clip Volume Adjust the volume for Clips playback in percent. Set to 0 to mute.
Overlay settings

Chat Responses

Edit chat responses. Use a single hyphen to skip a message. Allows to use variables that are listed below each textbox. Reset to default by clicking the icon on the right.

Chat Responses settings

Changelog

v2.0.4 latest

  • New Added support for GIPHY URLs: entering a link instead of a keyword will show the exact linked GIF/Clip/Sticker

v2.0.3

  • New Added sticker support (stickers are transparent GIFs)
  • New Added clips support (have sound)

v2.0.2

  • New Added YouTube support
  • Changed Bumped required DLL to v.1.7.0

User Reviews

5.0 (7 reviews)

Easy to import, Easy to set up, and is fun for everyone in chat! Tawmae does an amazing job explaining how to use his extensions, and if you ever need help he is very responsive on his discord with assistance. 10/10

On MIU, I limited the 'random gif' redemption to ones I chose and downloaded to my system. Love how with this one I can have max rating set to be PG to match my channel. Keep up the great work!

Before you post your review

Please make sure this is not a support issue. If you have trouble getting it to work, join my Discord, open a support post and attach your logs.

Join the Discord for support ↗