IRL Streaming Overlay: How to Show Heart Rate, Speed, Maps & Fitness Data Live
Combine heart rate, speed, distance, elevation, weather, and live maps into a single customizable OBS overlay for IRL streams.
Most streamers end up showing all of this across multiple, disconnected overlays — cluttered layouts, inconsistent designs, and way too much setup.
The HypeRate IRL Widget changes that.
It combines all essential IRL stream data into one customizable, real-time dashboard, built specifically for live streaming.
— -
What Is the HypeRate IRL Widget?
HypeRate IRL displays up to 11 real-time metrics inside a single, unified overlay.
- You choose what to show.
- You control the layout.
- You match it to your stream branding — no code required.
Whether you’re cycling, running, exploring a city, or doing a multi-day challenge, the IRL Widget keeps everything clean, readable, and live.
— -
What the HypeRate IRL Widget Tracks
The widget pulls real-time data from your phone sensors and heart rate monitor to display a complete picture of your IRL stream:
- Speed — Current speed (km/h, mph, or m/s)
- G-Force — Real-time acceleration across X, Y, and Z axes
- Distance — Total distance traveled
- Time — Elapsed time since stream start
- Calories Burned — Live calorie expenditure
- Elevation — Current altitude and elevation gain
- Temperature & UV Index — Weather and sun exposure
- Rain Probability — Chance of precipitation at your location
- Wind Speed — Including gusts (optional)
Every stat updates live as you move.
Display all metrics — or only the ones that matter to your content.
— -
Display Modes
The HypeRate IRL Widget offers two layout modes, depending on how much information you want on screen.
Single Widget Mode
Perfect when you want to highlight a single stat, like:
- Heart rate during a fitness challenge
- Speed during a downhill segment
- Calories during endurance streams
Minimal, clean, and easy to read.
Summary View
Ideal for IRL streams where viewers need context:
- Speed + heart rate
- Distance + time
- Elevation + calories
— -
Customization Options
Every IRL stream looks different. Your overlay should too.
The HypeRate IRL Widget lets you customize:
- Toggle icons on/off
- Reverse layout direction (icon / label / value order)
- Adjust spacing between elements
- Choose animated or static icons
- Select exactly which metrics to display
- Customize text colors (labels & values)
- Set background color and opacity
- Adjust border color, width, and radius
All changes update instantly.
— -
Setup in 60 Seconds
https://www.youtube.com/watch?v=OdsM1Wji1II
Step 1: Get Your IRL Widget Link
1. Open the HypeRate app (iOS) or visit **irl.hyperate.io**
2. Enter your HypeRate device ID
3. Choose display mode (Single or Summary)
4. Select metrics
5. Customize layout and colors
6. Tap **“Copy URL for OBS”**
Step 2: Add to OBS
1. Open OBS
2. Click **+ → Browser Source**
3. Paste your widget link
4. Set dimensions:
— Summary View: **1200×300 px**
— Single Widget: **300×100 px**
5. Click OK
Step 3: Go Live
- Enable GPS on your phone
- Connect your Bluetooth heart rate monitor (optional)
- Start your IRL activity
That’s it.
Your stats appear live on stream automatically.
— -
Real-World Use Cases
🚴 Cycling Streams
Show speed, heart rate, distance, and elevation together.
When a climb hits, viewers see speed drop, heart rate spike, and elevation rise — all in real time. Combine with Live Map for full route context.
🏃 Running Content
Display pace, calories, heart rate, and distance.
When you sprint, every metric reacts instantly — speed climbs, heart rate spikes, calories accelerate.
🔥 Fitness Challenges
“Burn 500 calories on stream” or “Hold 150 BPM for 20 minutes” becomes visually trackable. Viewers watch the goal approach live.
🏙️ Urban Exploration
Show time, distance, and speed while walking through cities. Perfect for long-form walk streams or city tours.
🏔️ Adventure Streams
Track elevation gain during hikes, climbs, or off-road biking. Viewers see exactly how challenging the terrain really is.
⏱️ Multi-Day IRL Events
Bikepacking, endurance walks, or long challenges benefit from persistent stats like total distance, time, and average speed.
— -
Single Widget vs. Summary View — When to Use What
Single Widget Mode works best when you want focus:
- Speed challenges
- Calorie goals
- Minimalist overlays
Summary View shines when context matters:
- Full activity tracking
- Cycling & running streams
- Adventure content
- Side-by-side stat comparisons
— -
The Ultimate IRL Setup
Stack HypeRate overlays for complete IRL storytelling:
- IRL Widget — Real-time stats
- Live Map — GPS location & route
- Speedometer — Visual speed gauge
- G-Force — Acceleration tracking
- Fitness Rings — Daily goal progress
Five browser sources.
Zero accounts.
One coherent IRL experience.
— -
What’s Next?
- Add HypeRate Live Map for route visualization
- Combine with Speedometer for visual speed tracking
- Stack G-Force for cycling or motorsport content
- Track goals with Fitness Rings
- Explore the full IRL widget gallery
IRL streams don’t need more overlays.
They need better ones.
