pull-icon
logo-mobile

Simple HTML5 Radio Player

Home/Forums/Simple HTML5 Radio Player

Bronze Member
Bronze Member

EmmaS

2 weeks ago

I've been building a very simple HTML5 radio player that just does the basics properly.

No plugins, no downloads, no installs - just copy & paste.

What it does:
▶ Play / ⏹ Stop (proper radio-style, no pause buffering)
🔊 Volume remembered between page loads
📊 Simple animated audio bars

Works with Shoutcast / Icecast
Drop it anywhere (footer, page, sidebar, etc.)

Add this wherever you want the player to appear:
<div id="scs-player"></div>
<script
  src="https://www.streamcodestudio.com/players/scs-player.js"
  data-station="YOUR_STATION_NAME"
  data-stream="https://YOUR_STREAM_URL_HERE">
</script>


Just replace:
YOUR_STATION_NAME
https://YOUR_STREAM_URL_HERE
with your station name and Shoutcast/Icecast stream URL and that's it.

No other setup needed.
The player uses CSS variables, so you can easily match it to your site:

<style>
:root {
  --scs-bg: #0b0b0b;
  --scs-card: #1a0f0f;
  --scs-accent: #c62828;
  --scs-text: #ffffff;
}
</style>

---------------------------------------------------
What's next (work in progress)

This is just the base player.
I'm currently building and designing:
Different player layouts (cards, bars, footer players)
Artist / title display
Artwork images
Extra visuals (VU meters, lights, etc.)

Some of these will be free, and some will be premium, all hosted and maintained via StreamCode Studio so updates are automatic.

This post is just to share something useful now

Leave a Comment

You must be logged in to post a reply.

Thank you ??

Thanks for supporting this station!

We've sent a download link to your email {}
Please check your inbox (and spam folder just in case).
The link will be valid for 24 hours.



BellOnline offers fast, reliable UK hosting with strong security and excellent uptime - perfect for modern radio and web projects.
MixStream provides broadcast-grade streaming with crystal-clear audio and rock-solid stability, ideal for both hobby and professional stations.

Goto BellOnline Now!

Close