FOR WEBSITE OWNERS

Put your radio on your website

Add the imRadios player to any web page with one piece of code. All you need is your station's Stream ID — everything else is optional.

Preview

The player appears here.

Help

How to add the player

In Get the code, choose your station (or type your Stream ID).
Press Copy code.
Paste the code into your page's HTML where the player should appear, and publish the page.

That's it. The player shows your station's live song, artwork and what's playing next, and keeps itself up to date.

Where do I find my Stream ID?

Every station channel has its own Stream ID — a number such as 6. Pick your station in the list above and the ID is filled in for you. If your station isn't in the list (it shows stations for your region), use the Stream ID you received from imRadios.

Layouts

Landscape default

Artwork on the left, song details and controls on the right. For home pages, articles and wide sidebars.

Best size: up to 600 × 300 px. Minimum height 160 px.

Portrait

Large artwork with the song details and controls below. For narrow sidebars and mobile pages.

Best size: 320–420 px wide, 520–640 px tall. Minimum 260 × 380 px.

Bottom bar

A slim bar fixed to the bottom of every page, so the radio keeps playing while visitors browse.

Always 64 px tall and full width.

On phones and other narrow spaces, the landscape player switches to the portrait arrangement by itself.

Optional settings

Settings are added to the player address in the code, after the Stream ID, each starting with &. For example: ?streamId=6&theme=light&color=e63946

Setting	Values	What it does
`streamId`	A number	Required. Your station channel.
`layout`	`landscape` (default), `portrait`, `bottomline`	How the player is arranged.
`theme`	`dark` (default), `light`	Colors. Listeners can also switch with the player's sun/moon button.
`color`	6-digit hex color without `#`, e.g. `e63946`	Color of the play button and progress bar.
`background`	`transparent` or a hex color	Player background. `transparent` shows your page's background.

Website builders

WordPress: add a Custom HTML block and paste the code.
Wix: Add Elements → Embed Code → Embed HTML, then paste the code.
Squarespace: add a Code block and paste the code.
Other builders: look for an "HTML", "Embed" or "Custom code" element.

For the bottom bar, paste the code into the site-wide footer or "custom code" area so it appears on every page.

Questions

Why doesn't the music start by itself?

Browsers don't allow sound until the visitor clicks on the page. The listener presses the play button once — that's expected.

The player is blank or says "Station not found".

Check that the Stream ID in the code is right. If your site uses a Content Security Policy, allow the player with frame-src https://player.imradios.com.

The bottom bar covers the end of my page.

The code includes body { padding-bottom: 64px; }, which keeps space for the bar. If your builder removed the <style> line, add that rule to your site's CSS.

Does the player show ads?

Landscape and portrait can show a small banner for your region; the bottom bar shows none.

Does it work on phones and in cars?

Yes. It adapts to small screens, and the song details and artwork appear in the phone's or car's media controls.