Custom JavaScript code for displaying images on a stream chat overlay using Streamlabs Chat Box widget.
You will need a Streamlabs account to use this code. This guide assumes you are already familiar with the basic setup of Streamlabs and the Chat Box widget.
To implement this code yourself, just follow the steps below:
-
Go to https://streamlabs.com/
-
Log in and open your dashboard
-
In the navigation bar on the left, select "All Widgets" under the "Essentials" heading
-
Then click the box labelled "Chat Box"
-
Scroll to the bottom of the page selected "Enabled" next to "Enable Custom HTML/CSS"
-
Click on the "JS" tab just above the text box.
-
Replace all code in the text box with the code in the "ChatBoxCustomCode.js" file.
-
Click "Save Settings"
