Getyagrooveon Radio HTML Widgets

Below you'll find live, automatic radio information JS scripts (widgets) for your websites and projects. Simply copy the HTML codes and insert them into your website's HTML to display them. All elements are responsive and update automatically every 10 seconds. The script works with element IDs, so you can change the elements to `span` or any other HTML tag and add custom styles/classes as you like.

Important: Make sure to include the JavaScript code below immediately after the `<head>` tag on your website for the widgets to function correctly:
<script id='sonic_js' data-port='9000' src='https://cast.getyagrooveonradio.co.uk/cp/widgets.js?r=377'></script>

Now Playing 🎵

Displays the title of the song currently being played.

Preview:


Cover Image (100x100) 🖼️

Shows a smaller version of the current song's album art.

Preview:


Cover Image (Full Resolution) 📸

Displays the album art in its original, full resolution.

Preview:


Online Listeners 🎧

Shows the current number of active listeners.

Preview:


Unique Listeners 🎯

Displays the number of unique listeners.

Preview:


Bitrate 💾

Indicates the audio bitrate of the stream.

Preview:


DJ Username (Live) 🎤

Displays the username of the DJ if they are currently live on air.

Preview:


DJ Profile Image 👤

Shows the profile image of the live DJ.

Preview:


Last 20 Songs Played 📜

Presents a list of the last 20 songs broadcast on the station.

Preview: