Follower alerts with streamer bot and obs

Introduction

In this tutorial, we will learn how to set up follower alerts using Streamer Bot and OBS (Open Broadcaster Software). By the end of this guide, you will have a fully functional alert system that displays the follower's name, profile picture, and plays a sound when someone follows your Twitch channel.

Step 1: Setting Up the Follower Alert in Streamer Bot

1. Open Streamer Bot and navigate to the Actions tab.
2. Create a New Action:
   • Right-click in the Actions area and select "Add."
   • Name your action "Follower Alert" and choose a group (e.g., "Events"). If no group exists, you can create a new one by typing a name.
   • Click "OK" to save.
3. Add a Trigger:
   • Right-click on the "Triggers" section and select "Twitch" > "Followers."
   • Choose "Channel" and then select "Follow." This will trigger the alert when someone follows.
4. Add Subactions:
   • Right-click in the "Subactions" area and select "Twitch" > "Users" > "Get User Info."
   • This will gather the necessary information about the follower who triggered the event.

Step 2: Configuring OBS for Alerts

1. Create a New Scene:
   • In OBS, right-click in the "Scenes" panel and select "Add."
   • Name the scene "Follower Alert" and click "OK."
2. Add Browser Source for Profile Picture:
   • Right-click in the "Sources" panel, select "Add" > "Browser Source."
   • Name it "User Profile" and set the dimensions to 500x500. Check the boxes for "Shutdown source when not visible" and "Refresh browser source when it becomes active."
   • Click "OK."
3. Add Text Sources:
   • Right-click in the "Sources" panel, select "Add" > "Text (GDI)."
   • Name the first text source "Username" and type a placeholder name. Click "OK."
   • Repeat this to create another text source named "Follow" with the text "followed."
4. Add a Color Source for Background:
   • Right-click in the "Sources" panel, select "Add" > "Color Source."
   • Name it "Dark Panel," select a color, and set the dimensions to 1920x1080. Adjust the size as needed to frame your text.
   • You can add a color correction filter to adjust the opacity if desired.

Step 3: Updating Alerts with Streamer Bot

1. Set Browser Source URL:
   • In the subactions of your follower alert, right-click and select "OBS" > "Sources" > "Set Browser Source URL."
   • Choose "Follower Alert" from the scene dropdown and select "User Profile" as the source.
   • Input the URL as %Target.User.Profile.Image.URL (case-sensitive) and click "OK."
2. Update Text for Username:
   • Again, right-click in the subactions, select "OBS" > "Sources" > "Set GDI Text."
   • Choose "Follower Alert" and select "Username" as the source.
   • Set the text to %Target.User.Name (case-sensitive) and click "OK."
3. Play Sound (Optional):
   • Right-click in the subactions, go to "Core" > "Sounds" > "Play Sound."
   • Choose a short sound file and set the volume to 60%. Uncheck "Finish playing before continuing."
   • Optionally, add a delay if necessary for the sound to sync with the alert.

Step 4: Show and Hide Alerts

1. Make Alerts Visible:
   • Right-click in the subactions, select "OBS" > "Sources" > "Set Source Visible State."
   • Select the "User Profile" source, set it to visible, and click "OK."
   • Repeat this for "Username," "Follow," and "Dark Panel."
2. Add Delay for Visibility:
   • Right-click in the subactions, go to "Core" > "Delay," and set it for how long you want the alert to display (e.g., 10 seconds).
3. Hide Alerts After Display:
   • Duplicate the visibility actions and change them to "hidden" for each source to hide the alerts after the delay.

Step 5: Testing the Alerts

1. Test the Trigger:
   • Right-click on the action and select "Test Trigger." This will simulate a new follower alert.
   • Ensure all elements appear and disappear as intended.

Conclusion

You have successfully set up follower alerts in Streamer Bot and OBS. This system allows you to engage with your audience by acknowledging new followers in a visually appealing way. You can further customize your alerts by adjusting styles, sounds, and animations. Feel free to explore additional features and consider setting up subscriber alerts using a similar process. Happy streaming!