๐ผ๏ธAI Images Widget
Allow your viewers to generate images with AI through a simple chat command. Generated images are displayed on stream through a widget.
Getting Started
For this process you will need a KickBot account. If you do not already have a KickBot account navigate to kickbot.app and sign up. For more information, follow this guide on getting started.
To start, navigate to the "AI Images" page under "Widgets" in the left-hand navigation.
Using the AI Images Widget
To start using the widget, there are several settings that must be configured:
Enabled: Enable or disable the feature.
Show command example: Toggles the text that shows โGenerate images with !imagineโ at the top of the widget, this is enabled by default.
Respond with URL: Toggle if the bot should respond in chat with a direct URL to the image generated, this is also enabled by default.
Permissions: Who is allowed to use this feature, by default 'Everyone' is selected. The streamer always has permission.
Duration: How many seconds the image will be displayed on stream.
Transition: Define what kind of animation is applied when the image is added or removed from the screen.
Free users can generate 50 images per month, while premium users can generate up to 1,000 images per month.
Preview
Preview all of the above settings and presets in real-time to see how they are applied.
Setting up your browser source
1. Copying the widget URL
At the top of the screen above the configuration and preview sections, there is a box labeled "Widget URL". This URL is how you will add the viewer widget to your OBS or Streamlabs. Copy this URL.
2. Adding a browser source
Setting this up in OBS and Streamlabs is a very simple process. This section will just cover the OBS instructions, but if you are using Streamlabs the naming and instructions are nearly identical. Once OBS or Streamlabs is open you will need to add a browser source.
3. Entering your widget URL
Inside of the browser source modal paste the widget URL you copied from KickBot into the "URL" field.
4. Testing it out
After you add the browser source you will see your AI images appear! To test your configuration you can either send a message with !imagine
, or you can click the โSend test image to browser sourceโ button.
If you update any of the widget settings while streaming you will need to reload the widget by refreshing the browser source.
Last updated