Put Sky Blue Radio On Your Site

Here's what your visitors get

The player streams live, shows the track that's on air right now, and never sends anyone away from your page.

Option 1 · Easiest

A link that opens a pop-out player

Point any "Listen Live" link, button or menu item at this address. It opens the player in its own small window, so whatever your visitor was reading stays open.

<a href="https://skyblueradio.com/player?autoplay=1"
   target="sbrplayer"
   onclick="window.open(this.href,'sbrplayer','width=460,height=140');return false;">
  Listen Live to Sky Blue Radio
</a>

No code at all? Just link to skyblueradio.com/player — it opens in a normal tab and works everywhere, including forum signatures and Discord.

Option 2 · Built in

A player bar inside your page

Drop this where you want the bar to appear. It sits in the page like the preview above and stretches to whatever width you give it.

<iframe src="https://skyblueradio.com/player"
        title="Sky Blue Radio live player"
        width="100%" height="120"
        style="border:0;max-width:620px"
        scrolling="no" allow="autoplay"></iframe>

Give it height="120" for the floating card look, or height="70" for a snug edge-to-edge bar.

Options

Add to the address	What it does
`?theme=light`	Light version, for pages with a white or pale background.
`?autoplay=1`	Starts playing as soon as it opens. Best on the pop-out link — browsers block autoplay inside an embedded frame until someone clicks.
`?theme=light&autoplay=1`	Both together — join options with `&`.

The player shrinks gracefully: below about 460px wide it drops the level meter, and below 360px the volume slider, so it still reads well in a sidebar.

Using it? Tell us

We love hearing where SBR is playing, and we're happy to link back to your site from our partners page.

Get in touch