📹 Stream FT8BR Overlays

Want to show live FT8 Battle Royale stats on your stream? Use my professional OBS overlays to display leaderboards, your stats, and live activity during your ham radio streams!

🎨 Available Overlays

🎬 OBS Studio Setup Guide

Step 1: Open OBS Studio

Launch OBS Studio on your computer. If you don't have it, download it free from obsproject.com

Step 2: Add a Browser Source

1. In OBS, go to your Sources panel
2. Click the + button at the bottom
3. Select Browser from the list
4. Give it a name (e.g., "FT8BR Leaderboard")
5. Click OK

Step 3: Configure the Browser Source

In the Browser Source properties window:

1. URL: Paste one of the overlay URLs from above (e.g., https://www.ft8battle.com/overlays/leaderboard-sidebar.html)
2. Width: Set to 1920
3. Height: Set to 1080
4. FPS: Leave at default (30)
5. ✅ Check "Shutdown source when not visible" (saves resources)
6. ✅ Check "Refresh browser when scene becomes active" (keeps data fresh)
7. Click OK

Step 4: Position the Overlay

The overlays are designed for 1920x1080 full-screen positioning. Just leave them at their default position - they have transparent backgrounds and the content will appear in the correct location!

Step 5: Layer Your Sources

Arrange your sources in this order (top to bottom) for best results:

🔧 Customizing Player Stats

The Player Stats Card overlay needs to be customized with YOUR callsign. Here's how:

Option 1: URL Parameter (Easiest!)

Simply add ?callsign=YOURCALL to the URL! For example:

Steps:

1. In OBS, add a Browser Source as described above
2. Use the URL: https://www.ft8battle.com/overlays/player-stats.html?callsign=YOURCALL
3. Replace YOURCALL with your actual callsign
4. Set dimensions to 1920x1080

Option 2: Download and Edit (Advanced)

1. Download the file: player-stats.html
2. Open it in a text editor (Notepad, VS Code, etc.)
3. Find line ~195: const MY_CALLSIGN = 'K4QED';
4. Change 'K4QED' to your callsign
5. Save the file
6. In OBS, use Local File instead of URL and select your edited file
7. Set dimensions to 1920x1080

❓ Troubleshooting

Overlay shows "Loading..." forever

• Make sure you have internet connectivity in OBS
• Try refreshing the browser source (right-click → Refresh)
• Check that the URL is correct and uses https://
• Test the URL in a regular web browser first

Overlay not updating with new data

• Browser sources auto-refresh every 5-20 seconds depending on the overlay
• Make sure "Refresh browser when scene becomes active" is checked
• Try manually refreshing: Right-click source → Interact → Refresh

Overlay background isn't transparent

• Make sure you didn't add any custom CSS in OBS Browser Source settings
• Check that dimensions are set to 1920x1080
• Try recreating the browser source from scratch

Performance issues / lag

• Don't use too many overlays at once (3-4 max recommended)
• Enable "Shutdown source when not visible"
• Enable hardware acceleration in OBS Settings → Advanced
• Reduce your canvas resolution if needed

📺 Example Streams

Want to see these overlays in action? Check out streams from these operators:

💝 Support & Attribution

🙏 Giving Credit

These overlays are provided free of charge for all ham radio operators. All I ask is that you:

• ✅ Credit @dudetested (Ham Radio Dude) as the creator of FT8 Battle Royale
• ✅ Include "Powered by FT8 Battle Royale by @dudetested" in your stream description
• ✅ Link to @dudetested's YouTube channel and https://www.ft8battle.com in your channel about section
• ✅ Mention FT8BR and @dudetested when explaining the overlays on stream
• ✅ Encourage viewers to subscribe and join the competition!

📣 Share Your Stream!

Streaming with FT8BR overlays? Let the community know!

• Tag me in your social media posts
• Share your stream link on the Activity Feed
• Help grow the FT8 Battle Royale community!

🎯 Need Help?

Having trouble setting up the overlays? Check the How It Works page or reach out to the FT8BR community!

🚀 Ready to Stream?

Copy an overlay URL above and add it to OBS!

73 and good DX!

Made with ❤️ for the ham radio community