Chat
This overlay/dock is used to display a multiplatform chat, either for the spectators or for the streamer.
The installation and configuration of our dock are necessary for this overlay to work ; chat events must also be enabled for every configured platform.
The specific CSS variables useful for writing a theme are as follows:
| name | value | description |
|---|---|---|
--accentColor | Color (#50ffff by default) | Usernames text color |
--highlightColor | Color (rgba(170, 26, 248, 0.5) by default) | Highlighted messages background color |
Overlay
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay
This form is intended to be integrated into OBS as a browser source and displays an unobtrusive and compact multiplatform chat on your stream, presented horizontally. Messages corresponding to commands (starting with an exclamation mark) are ignored.
The Twitch Policy currently do not allow multiplatform chat to appear on your stream. Such a practice is however accepted in OBS as a custom browser dock.
Parameters
In addition to the system parameters common to all overlays, specific parameters are available:
| name | value | optional |
|---|---|---|
ignored | Usernames | yes |
limit | Number of messages (20 by default) | yes |
colors | true | yes |
badges | true | yes |
noPlatforms | true | yes |
The optional parameter named ignored allows you to not display messages coming from certain users, such as chatbots for example. Their pseudonyms must be separated by commas, case is not decisive, each space character must be encoded (+ or %20).
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?ignored=StreamElements,Nightbot
The optional parameter named limit allows you to define the maximum number of messages displayed at the same time on the screen. You should destroy old messages that are no longer visible in order to not consume resources unnecessarily (processor and graphics card) on your computer. So adjust this value according to the width you will give to the overlay (source) in your OBS installation (scenes).
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?limit=50
The optional parameter named colors allows each username to be displayed in a custom color. The color is the same for everyone by default.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?colors
The optional parameter named badges allows you to display the badges of each user, icons used for example to quickly determine their role (moderator, VIP, etc.). Badges are hidden by default.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?badges
The optional parameter named noPlatforms allows you to hide the logos of the different platforms for an even more compact look. These are displayed by default.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?noPlatforms
Variables
Specific CSS variables useful when writing a theme are as follows:
| name | value | description |
|---|---|---|
--shadowColor | Color (black by default) | Text shadow color |
--shadowSize | Size (2px by default) | Text shadow size |
Those of our CSS framework having been redefined are as follows:
| name | value |
|---|---|
--fontFamily1 | 'Nunito Sans' (from Google Fonts) |
--fontSize | 27px |
--fontWeight | 700 |
Configurator
Dock
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/dock
This form is intended to be integrated into OBS as a custom browser dock and displays, for the streamer only, a simple multiplatform chat. Messages corresponding to commands (starting with an exclamation point) are ignored.
A button named Hide Featured allows you to hide any message potentially highlighted using our overlay named Featured.
A text field allows you to enter the content of a message that will be sent to all platforms through the StreamElements chatbot. This only works if you have set up this chatbot on your different streaming platforms.
Parameters
In addition to the system parameters common to all overlays, specific parameters are available:
| name | value | optional |
|---|---|---|
ignored | Usernames | yes |
limit | Number of messages (100 by default) | yes |
noColors | true | yes |
noBadges | true | yes |
The use of the ignored and limit parameters is the same as for the overlay form.
The optional parameter named noColors allows each username to be displayed in the same color. The color is different for everyone by default.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?noColors
The optional parameter named noBadges allows you to hide the badges of each user, icons used for example to quickly determine their role (moderator, VIP, etc.). Badges are displayed by default.
https://obs.multistream.tools/v1/wrapper?url=https://obs.multistream.tools/v1/overlays/chat/overlay?noBadges
Variables
The CSS variables of our CSS framework that have been redefined are as follows:
| name | value |
|---|---|
--borderSize | 2px |
--spacing | 0.625rem |