A simple follower alert overlay for OBS that displays a list of the latest followers approximately every 60 seconds.
Default joekombo. Enter the login name for a Twitch user.
Default 25. Percentage from 0 to 100.
Default guitar. Must match a filename found in docs/sounds
Default guitarkitty. Positioned in the bottom left of screen. Must match a filename found in docs/images.
Required. Create an application at dev.twitch.tv and use that client id for clientid.
Required. Create an application at dev.twitch.tv and use that client id for clientsecret.
https://joekombo.github.io/twitch-alert-overlay/?login=joekombo&clientid=[your client id]&clientsecret=[your client secret]
Use another streamer's login name to test that notifcations are working. Example: login=summit1g
Note: Be patient. The notifications may take up to 60 seconds to show for the first time. Before going live change name back to your login!
I use the following application settings at dev.twitch.tv to obtain my Client ID and Secret. The Client ID and Secret can be found near the bottom.
Clone the project using git. And then change the directory to the project folder.
git clone https://github.com/joekombo/twitch-alert-overlay
cd twitch-alert-overlay
Install the depedencies using npm and use npm start to serve the files.
npm install
npm start
Go to web browser and view the page.
Example URL:
http://localhost:5000/?login=joekombo&clientid=[your client id]&clientsecret=[your client secret]
Note: Some browsers require permission to play sound. Click the tab and select allow audio/video.
Create a Browser source, input the URL, and then set the width to 1920 and height to 1080.
To contribute changes, please fork the repository, make the changes, and then create a pull request! Thank you!.
Note: This project uses Prettier to format the code automatically when new code is commited. No additional steps are needed for this to work. More details about how this is setup is found here.
Something not working, or you're getting errors? Then please submit an issue.