×
Loading
For every Apex player out there.
Map rotation, server status, stats. Everything you need before you drop, right here on ApexKD.
Map rotation, server status, stats. Everything you need before you drop, right here on ApexKD.
No install, just one URL. Pick a full-screen frame or only the widgets you need and add them as an OBS Browser Source. Works without linking your player name too.
No install, just one URL. Pick a full-screen frame or only the widgets you need and add them as an OBS Browser Source. Works without linking your player name too.
OBS creates Browser Sources at 800×600. Leave it like that and the overlay shows up small in a corner.
These must match OBS Settings → Video → Base (Canvas) Resolution. If the size is wrong, a red notice appears on the overlay. When it's gone, you're set.
In OBS: Sources + → Browser → paste the URL → Width and Height 1920×1080 (same as your OBS Base (Canvas) Resolution) → move it to the top of Sources. The screenshot is only a preview background and stays in this browser (it's never in the URL).
Fill it in and the slots show your tier, RP and today's change automatically.
{tier} tier (Gold 3), {short} short tier (G3), {rp} RP, {today} today's change, {name} player name, {map} ranked map, {maptime} map time left, {next} next ranked map, {pred} pred cutoff (your platform) (tier and RP need a linked player name)
Auto reads the OBS Browser source size and fits to it. You still have to set the source Width and Height to OBS Settings → Video → Base (Canvas) Resolution (the 800×600 default looks small).
Both sides keeps the in-game compass and location name at the top center clear. Center is the old layout.
Fades out and back in on the schedule you set. Adds cyc to the URL.
An uploaded logo file only appears in the preview and PNG. For the stream URL, use an https image URL.
Takes about 3 minutes the first time. Same steps for frames and widgets.
Set it up above, then press 'Copy URL'. All your settings live inside this URL.
In OBS, click + under 'Sources' → 'Browser' → any name (e.g. ApexKD) → OK.
Paste it into URL. Width and Height = OBS Settings → Video → 'Base (Canvas) Resolution' (usually 1920 and 1080), not 'Output (Scaled) Resolution'.
Use custom frame rate
Shutdown source when not visible
Refresh browser when scene becomes active
Keep 'Custom CSS' as it is, and leave 'Use custom frame rate', 'Shutdown source when not visible' and 'Refresh browser when scene becomes active' off. Press OK.
Drag it above your game capture in Sources, then right-click it → Transform → Fit to screen (Ctrl+F).
PRISM Live Studio and Streamlabs work the same way: add a 'Browser' (or 'Web') source. It doesn't matter which platform you stream to.
① If you changed Base (Canvas) Resolution, sources you already added keep their old size: update the source Width/Height, then Reset Transform → Fit to screen (Ctrl+F). ② If it resizes when switching scenes or inside a group, take it out of the group and use Fit to screen so it gets a bounding box. ③ Still odd: double-click the source → 'Refresh cache of current page'.
The preview is scaled down, so it's hard to judge. Use the 'Check alignment' URL and see whether the red corners touch the edges. With Windows display scaling above 100%, the OBS preview can look misaligned. If you added zoom to Custom CSS, restore the default.
① Set the source Width/Height to Settings → Video → 'Base (Canvas) Resolution' (not Output) ② right-click the source → Transform → Reset Transform → Fit to screen (Ctrl+F) ③ Reset Transform also removes any Alt-crop. Add &calib=1 to the end of the URL to show red corners and the real size so you can check it (remove it afterwards). If you play 4:3 stretched, pick 1440×1080. If your game capture has black bars, Fit to screen the game capture too.
① Make sure the source is above your game capture ② the eye icon is on ③ double-click the source → 'Refresh cache of current page'. Some widgets only appear once you enter a player name.
If you cleared 'Custom CSS' in the source properties, restore the default: body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
Settings are stored in the URL, so copy the new URL and paste it into the source's URL field again. If it still looks the same, select the source and click 'Refresh' under the preview.
Don't stretch the source in OBS. Set Width/Height to your canvas resolution and resize with the size controls on this page instead.
Turn off 'Use custom frame rate' in the source properties so it follows your OBS video FPS. If you keep it on, set it to the same FPS as Settings → Video (e.g. 60). Still heavy? Turn off 'Animation' in the widget settings.
They refresh automatically every few minutes, so a short delay after a match is normal. Live in-match kills aren't supported.
Turn off the parts you don't need above. To crop in OBS, hold Alt and drag the source edge.