Stream Interactions

The Interaction Widgets in Caffeinated allow you to add your stream chat as an overlay on your livestream, as well as fun effects like Emoji Rain.

For help adding a Stream Interaction to Meld Studio please see our Meld Browser Layers documentation.

Interaction Widgets

The two Interaction Widgets available in Caffeinated are Chat and Emoji Rain.

The Chat Widget can be placed on your stream as a Browser Source and will display any messages sent through the connected platforms chat.

If you stream to multiple platforms, you can combine your on-screen chat with those platforms in to one unified chat.

You can customize the way your on-screen chat appears with the following options:

Option	Description
Margin (px)	Adjusts the Margin
User Badges	Can toggle users Badges to appear before or after their username or not at all.
Show User Platform Icon	Displays the platform icon the user is chatting from.
Display Name Color	If the platform supports custom name colors will display whatever the viewer has set
Make Messages Disappear?	Toggle whether messages disappear after a set time.
Disappear after (Seconds)	If toggled the amount of seconds messages stay on-screen can be set.
Message Style	Bottom- Up, Top-Down or Sideways
Message Animation	Messages can Slide In.

The Following events can be displayed in the on-screen chat. All can be toggled on and off.

You can select which platform you want to be included in the Interaction Widget. This will be used to display the linked platform(s) chat messages.

From here you can choose to have just one platform’s chat, or a combination of all connected platforms.

From the main Widget window you can set all of the styling customization options such as text font, color and style.

Option	Description
Duration (in seconds)	Can be changed to however long you want the alert to be displayed.
Font	These can be set in Caffeinated from any Font you have saved on your computer. (see Fonts for more)
Font Size	Use the slider to change the size of your font.
Font Weight	Changes how bold your font is.
Letter Spacing	Can change how spaced out your lettering is.
Text Align	Set where you want your alert text to align to.
Text Color	Changes the colour of your alert text. (Can be set by RGB, Slider or Hex)
Highlight Color	Changes the color of the username of the Follower. (Can be set by RGB, Slider or Hex)
Text Vertical Offset	Changes the Vertical offset of your alert text.
Text Horizontal Offset	Changes the Horizontal offset of the text.
Shadow	Adds a drop shadow to your text
Outline Size	Adds an outline to your text.