aRPG Timeline

    Use aRPG-Timeline in OBS Studio

    Add the aRPG Timeline season widget to your stream using OBS Browser Source.

    Step-by-Step Setup

    1

    Add Browser Source

    In OBS Studio, right-click in the Sources box and select Add → Browser. Give it a descriptive name like "aRPG Timeline Widget".

    2

    Configure URL

    Copy this URL and paste it into the URL field:

    https://arpg-timeline.com/embed/countdown-widget/grim-dawn?utm_source=obs&utm_content=season_embed
    3

    Set Dimensions

    Configure these settings in the Browser Source properties:

    Width:360
    Height:300
    4

    Add Custom CSS (Optional)

    For transparent background, add this CSS in the Custom CSS field:

    body { 
  margin: 0; 
  background-color: rgba(0,0,0,0); 
}
    5

    Additional Settings

    Shutdown source when not visible:✓ Enabled (recommended)
    Refresh browser when scene becomes active:✓ Enabled (recommended)

    ⚠️ Important Notice

    When using the widget in OBS, you must not hide or overlay any elements such as the aRPG Timeline logo.

    Stream Preview

    Test in browser

    💡 Tips

    • • Position the widget in a corner or overlay area of your stream layout
    • • The widget updates automatically - no need to refresh manually
    • • Test the widget in a separate scene before going live
    • • Consider scaling the widget if you need a different size in your layout

    Need Help?

    For more information about Browser Sources in OBS, check out the official OBS Browser Source documentation.