OBS Meld TWITCH DLL REQUIRED

The clip shoutout extension you have been looking for. Shoutout with clips via command & raids and set all kinds of filters to avoid boring clips, or create a 'BRB Loop' to play your own clips. Powered by Streamer.bot

  • Extensive clip filters (featured, view count, duration, language, date).
  • Optional AI summary of the channel with custom language support.
  • Shoutouts by command or when being raided.
  • BRB Loop mode to play your own clips.
  • Customize the overlay directly in its browser source panel.
BETTER SHOUTOUTS preview

Quick Access

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

Action Import String

Import the actions into Streamer.bot.

Updating? Copy this again, re-import it and re-enable your commands. How to update

How to update
Loading…

Browser Source URL

Add this as a browser source to OBS.
https://tawmae.xyz/overlays/better-shoutouts

Setup Guide

1

Copy the Action Import String

Copy the Action Import text from Quick Access.

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.

3

Enable the commands

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

4

Run the Settings UI once

Open the action [BETTER SHOUTOUTS] # - Settings. Right-click the Test trigger and hit Test Trigger. Set up your clip filters, raid shoutouts and chat responses, then hit Save & Exit. You will customize the appearance in the browser source later.

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.
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.

6

Copy Browser Source URL

Copy the Browser Source URL from Quick Access.

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.
8

Open the customization panel

Select the browser source in OBS and hit Interact. Click inside the interaction window and press S. The panel opens on your canvas, so you can change the design and drag things into place while looking at the result.

NoteAlready using an older version? Import the latest actions first, then refresh the browser source and its cache. The customization panel needs the updated actions.
9

Save your design

Click the disk icon in the panel header or press Ctrl+S. Your design is saved in Streamer.bot. Press S again to close the panel. You can also open the Browser Source URL in a normal browser to customize it, with Streamer.bot running and connected.

10

Done!

And you are done! Throw a !shoutout tawmae into chat to give it a go :)

Customization Panel

Open the browser source in OBS with Interact, then press S. This is where you change the appearance, move things around and decide what shows on screen. Keep Streamer.bot connected and save with the disk icon or Ctrl+S.

General

Set the clip volume and arrange the player on your canvas. Drag the purple outline to move the whole player, or its corner to resize it. Everything inside scales with it.

Shift locks an axis, Alt skips snapping, the arrow keys nudge and Ctrl+Z undoes. Reset position puts the player back where it started, while Reset everything restores the default design. Hit the disk icon or Ctrl+S to save your changes.

Design

This is where you make it yours.

Font & colours: pick your font and change the text, accent and info bar colours. You can type the name of a font installed on your PC, or open the overlay in a normal browser to load your installed fonts into the list.
Shape: put the info bar above or below the clip, adjust the gap and round the corners.
Timer: choose a circle, a number or a progress bar.
Media: add an image or video behind the loading screen, a frame image over the clip and a sound for the start of a shoutout. Transparent PNGs work well as frames. The BRB player skips the shoutout sound.

Text

Change the labels shown on the overlay: the text before the clipper's name, the loading message and the BRB player message. Leave the clipper label empty if you only want to show their name.

Elements

Use the eye icons to show or hide the info bar, avatar, channel name, game, stream title, summary, timer, clip title, clip date, clipper and loading screen.

Drag the green outlines on the canvas to move individual elements, then drag their corners to resize them. The reset button next to an element restores its default position and size.

Files

You can use my file storage for your loading background, frame and shoutout sound. Get a File Upload API Key from Account → API Keys, paste it into the Files tab and hit Save key. Pick your media with the + button on the Design tab.

Open the overlay in a normal browser to upload files, OBS Interact cannot open the file picker. Choosing files you have already uploaded works in OBS too. You can also paste a direct file URL from another host into the Design tab.

Settings UI

Open [BETTER SHOUTOUTS] # - Settings in Streamer.bot to configure the behavior below. For fonts, colours and layout, use the customization panel in the browser source.

General

Control AI summaries, shoutout behavior and the filters used to pick a clip.

  • No fucking AI Turn this on to disable all AI features. The Summary without AI response is used instead.
  • Summary Language Language used for the AI channel summary. Defaults to your channel language.
  • Auto-Shoutout on Raids Automatically shout out incoming raiders. Turn it off if you want to choose when to shout them out with a Decks button.
  • Send Chat Shoutout Post a shoutout message in chat. Edit the wording under Chat Responses.
  • Create Twitch /shoutout Also run the native Twitch /shoutout. Twitch only allows this while you are live, with a 2-minute cooldown.
  • Raids: Only Followed Channels Only automatically shout out raiders you follow. Command shoutouts ignore this.
  • Always Play Off uses your clip filters and falls back to a random clip if none match. Latest Clip and Most Viewed Clip ignore the filters.
  • Clip Language Choose the allowed clip languages. Include All Languages to allow any language.
  • Featured Clips Only Prefer clips marked as featured. Falls back to all clips when none are featured.
  • Oldest Clip Date Skip clips older than this date.
  • Min View Count Skip clips with fewer views than this.
  • Min / Max Duration Choose the clip length in seconds. Defaults to a minimum of 5 and a maximum of 60.

Decks

Put the latest raider on a button so you can check them out first and decide when to shout them out.

  • Streamdeck Button ID Enable this and enter your Elgato Streamdeck button ID to show the latest raider's name and picture on it.
  • Streamer.bot Deck ID Enable this and enter the ID of your Streamer.bot Deck.
  • Streamer.bot Deck Item ID Enter the ID of the button on that deck.

Chat Responses

Edit the messages sent to chat. The %summary% variable contains the channel summary. Leave it out of both shoutout messages and no AI summary is written.

  • Chat Shoutout Message for shoutouts started with a command.
  • Raid Shoutout Message for raid shoutouts and latest-raider Decks buttons.
  • Summary without AI Text used for %summary% when No fucking AI is enabled or no AI summary is available. Supports %user%, %userName%, %game% and %title%.
  • No Latest Raider Message sent when a Decks button is pressed before anyone has raided.

Changelog

v2.0.0 latest

  • New New customization panel. Accessible by interacting with the browser source and hitting 'S' on the keyboard.
  • New Added new toggle in the Settings UI to disable all AI features
  • Changed Separated streamer info from summary text

v1.0.5

  • Fix Upon raids, there was a wrong error message claiming the UI hasn't been initialized. This hopefully won't occur anymore
  • Fix Older versions of this extension had a separate 'Raid' action that got removed; however stayed along on new imports since imports don't delete existing actions. Added a new check to run on import that disables the redundant action.
  • New Added custom triggers (Shoutout Started, Shoutout Ended, BRB Loop Ended)

v1.0.4

  • Fix DLL 1.8.4+ required for BETTER SHOUTOUTS to work again.

v1.0.2

  • New Added two new actions: to start and stop the 'BRB Loop', meaning it plays your own channel clips in a loop until you end it.

v1.0.1

  • Fix Fixed broken C# references

v1.0.0

  • New Release

FAQ

Why AI?
Generative AI is used to turn a channel's tags and title into a concise, coherent summary. It adds no style or personality, isn't customizable by the end user, and keeps creative input close to zero. It simply reformats existing information into a readable sentence. It's entirely optional to use and if you don't feel comfortable with that, remove the '%summary%' variables from the responses and text boxes and no AI will be used at all.

User Reviews

5.0 (5 reviews)

Thank you so much for making this. I am just learning streamerbot and this saved me so much crashing out. I couldn't figure out the video part and this was perfect

Sometimes the seemingly simplest things can add so much to your stream! Highly reccomend using this extension, and honestly all Tawmae extensions!

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 ↗