Use aRPG-Timeline in OBS Studio
Add the aRPG Timeline season widget to your stream using OBS Browser Source.
Step-by-Step Setup
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".
Configure URL
Copy this URL and paste it into the URL field:
https://arpg-timeline.com/embed/countdown-widget/the-dark-west?utm_source=obs&utm_content=season_embedSet Dimensions
Configure these settings in the Browser Source properties:
360300Add Custom CSS (Optional)
You can leave the background transparent, but it is recommended to add some kind of semi-transparent background CSS in the Custom CSS field:
body {
margin: 0;
background-color: rgba(0,0,0,0.5);
}Additional Settings
⚠️ 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
Keep aRPG Timeline Running
Hosting costs us $25/month. Join to keep it free for 30K+ gamers and help us grow.
Buy Me a Coffee
Hosting costs us $25/month. Your tips keep it free for 30K+ gamers and help us grow.
Need Help?
For more information about Browser Sources in OBS, check out the official OBS Browser Source documentation.