Icecast & Shoutcast player with track titles

Configure a RadioSpinner widget for Icecast or Shoutcast streams with live track titles, playlist history, and styling options for any website.

To receive this widget for your website, add your station to the RadioSpinner catalog first – see the guide and submit the form in your account.

General settings

Station URL or ID

Paste a station link or ID from this RadioSpinner site.

Language

Theme

Color palette

Background

Accent

Now playing track

Controls

Controls border

Track text

Border

Display options

Show playlist

Playlist height, px

Fixed player width

Width in pixels (optional)

Show border

Rounded corners

Show station logo

Show location

Button border

Show widget shadow

Font scale

Adjust all widget texts size (0.8–1.5).

Header scale

Adjust station title and location (0.8–1.5).

Playlist scale

Adjust playlist text size (0.8–1.5).

Logo scale

Adjust station logo size (0.8–1.5).

<!-- RadioSpinner Player widget -->
<div class="rspnr-player-widget" id="rspnr_player_dabd2db508"></div>
<script>
window.RSPNR_WIDGET = window.RSPNR_WIDGET || {cmd: []};
window.RSPNR_WIDGET.cmd.push({"id":"rspnr_player_dabd2db508","options":{"station_id":99365,"lang":"en","theme":"dark","show_tracks":true,"fixed_width":false,"width_value":null,"playlist_height":300,"font_scale":1.0,"header_font_scale":1.0,"list_font_scale":1.0,"logo_scale":1.0,"show_border":true,"round_corners":true,"show_logo":true,"show_location":true,"show_control_border":false,"show_shadow":false,"now_playing_color":"#f675ff","controls_color":"#9742ff","border_color":"#352960","control_border_color":"#9742ff","primary":"#11162d","accent":"#9742ff","track_text_color":"#d7dfff"}});
</script>
<script async src="https://radiospinner.com/widget/player.js"></script>
<!-- End RadioSpinner Player widget -->

Search

Icecast & Shoutcast player with track titles - create a widget

General settings

Color palette

Display options