SCS Horizontal Player

A horizontally oriented HTML5 radio player designed for use in website headers and footers. Uses the same v1 engine as the Simple Player but applies a wide layout for better spacing and readability.

How to Use

        <style>
.scs-player {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.scs-controls {
  gap:14px;
}
</style>

<div id="scs-player"></div>
<script
  src="https://www.streamcodestudio.com/players/scs-player.js"
  data-style="horizontal"
  data-visual="bars"
  data-station="YOUR_STATION_NAME"
  data-stream="https://YOUR_STREAM_URL_HERE">
</script>

Copy & paste into your website. No download required.

Customize Player Colours

Want this player to match your website or station branding?
Use the Player Styling Tool to visually adjust colours and instantly copy the embed code - no CSS knowledge required.
Note: Visualiser bars use the Accent colour.
Press Stop then Play to refresh the bars after changing colours.

Open Player Styling Tool