Streaming Overlay Setup Guide

    Learn how to add professional overlays to your live auction streams in OBS, Streamlabs, or any streaming software.

    See It In Action
    Here's how the Smart Cycle Overlay looks on your stream
    AA

    Smart Cycle Overlay

    Auto-rotating views

    Players Sold42
    Total Spent$125K
    Live

    The overlay automatically cycles through stats, teams, and upcoming players—switching to bidding view when action starts.

    Setup Steps

    1
    Get Your Overlay Link
    Access the link from your auction's Share dialog
    1. Go to your auction dashboard or auction console
    2. Click the Share button (top-right corner)
    3. Navigate to the Overlay tab
    4. Copy the Smart Cycle Overlay URL
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel
    2
    Add to OBS/Streamlabs
    Create a browser source in your streaming software

    In OBS Studio:

    1. Click the + button in the Sources panel
    2. Select Browser
    3. Paste your overlay URL in the URL field
    4. Set Width: 1920 and Height: 1080
    5. Check "Shutdown source when not visible"
    6. Click OK

    Pro Tip

    Position the overlay in a corner or bottom-third of your stream layout for best visibility.

    3
    Customize (Optional)
    Fine-tune rotation, timing, and views

    Change Cycle Duration

    Add ?interval=15 to show each view for 15 seconds

    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel?interval=15

    Select Specific Views

    Add ?views=teams,standings,empty to only cycle through those views

    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel?views=teams,standings,activity

    Per-View Timing

    Add ?durations=teams:20,empty:5 to set custom duration for each view

    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel?durations=teams:20,empty:5,activity:15
    Go Live!
    Your overlay is ready to broadcast

    Start your auction and the overlay will automatically:

    • Switch to bidding view when a player is up for auction
    • Cycle through stats, teams, and upcoming players during idle time
    • Show an empty view to let your background video shine through
    Available Overlay Views
    Reference for all views you can include in the carousel
    Current Bid
    Player Profile
    Upcoming
    Teams
    Standings
    Top Sells
    Activity
    Empty (Clear)
    Chroma Key Backgrounds
    Use colored backgrounds for advanced chroma keying in OBS

    Add background color parameters to enable chroma key filtering in your streaming software. This allows you to make the background transparent and composite the overlay over your stream.

    DEF

    Default (No Parameter)

    Black background - Best for preventing white flash during transitions

    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel
    GRN

    Green Screen

    Chroma green (#00b140) - Standard for green screen keying

    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel?bg=green
    BLU

    Blue Screen

    Chroma blue (#0047bb) - Alternative for blue screen keying

    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel?bg=blue
    MAG

    Magenta Screen

    Magenta (#ff00ff) - Less common but useful in certain scenarios

    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/carousel?bg=magenta

    How to Use in OBS

    1. Add your overlay as a Browser Source with ?bg=green parameter
    2. Right-click the source → Filters → Add "Chroma Key"
    3. Select the matching color (Green for ?bg=green)
    4. Adjust similarity and smoothness until background is transparent
    5. Position the overlay wherever you want on your stream

    When to Use Chroma Key

    • • You want to position overlay content flexibly over your stream background
    • • You need to apply custom effects or filters behind the overlay
    • • You're compositing multiple overlays together
    • • Tip: Use default black background if you don't need chroma keying - it prevents white flash during transitions
    Using Individual Overlays
    Instead of the Smart Cycle, you can use specific overlay views separately for more control

    When to use individual overlays:

    • • You want static overlays that don't change automatically
    • • You prefer to manually switch between scenes in OBS
    • • You only need one specific view (e.g., just team budgets)
    • • You want to position different overlays in different screen locations

    Individual Overlay URLs

    Replace the /overlay/carousel part with any of these paths:

    Current Bid

    Shows the player currently being bid on

    /overlay
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay
    Player Profile

    Full player details with stats and image

    /overlay/profile
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/profile
    Team Budgets

    All teams with remaining purse and squad count

    /overlay/teams
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/teams
    Standings

    Team rankings and performance

    /overlay/standings
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/standings
    Top Buys

    Most expensive players sold

    /overlay/top-sells
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/top-sells
    Upcoming Players

    Next players in the queue

    /overlay/upcoming
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/upcoming
    Recent Activity

    Latest sales and transactions

    /overlay/activity
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/activity
    Team Sheet

    Complete squad with all bought players

    /overlay/team-sheet
    https://auction-ace.com/public/auction/your-owner-id/your-auction-id/overlay/team-sheet

    Pro Tip

    Create multiple browser sources in OBS with different overlay URLs, then switch between them using OBS scenes for complete manual control over what viewers see.