Getting Started

📖 Getting Started with OBS Widgets

Welcome! This guide will help you get set up with OBS Studio and show you how to use browser sources to add your custom widgets.

🎥 What is OBS Studio?

OBS Studio (Open Broadcaster Software) is a free, open-source software for video recording and live streaming. It’s widely used by streamers on platforms like Twitch, YouTube, and Abstract.

With OBS, you can combine video, audio, images, and dynamic overlays (like your custom widgets) into a live broadcast or recording.

🧰 Step 1: Download and Install OBS

  1. Go to the official OBS Studio website: https://obsproject.com

  2. Click the download button for your operating system:

    • Windows

    • macOS

    • Linux

  3. Run the installer and follow the on-screen instructions to install OBS Studio.

  4. In the streaming fields select custom RTMP and add your streaming credentials

Once installed, open OBS. You should see an empty scene ready for customization.

🌐 Step 2: What is a Browser Source?

A browser source in OBS lets you embed a webpage directly into your stream. This is how you can display custom overlays and widgets — like donation alerts, follower goals, or chat boxes — using just a URL.

Browser Source Examples:

  • Animated alerts

  • Donation messages

  • Song requests

  • Countdown timers

  • Custom interactive overlays

🧪 Step 3: How to Add a Browser Source

  1. In OBS, under the Sources box, click the + button.

  2. Select Browser from the list.

  3. Name it something like Follower Widget and click OK.

  4. In the URL field, paste the link to your widget (you’ll get this from us).

  5. Click OK, and your widget should now appear in your scene!

You can move and resize it as needed.

✅ Next Steps

Now that OBS and browser sources are set up, you're ready to start using your custom widgets! Head over to the Widget Setup guide to learn how to configure and personalize them.

NextFollower Allerts

Last updated