MetaRadio Hosted

Demo Homepage

This page contains a basic demonstration of MetaRadio and its functionality. If you’re interested, please check out all the information about MetaRadio.

Now Playing Widget

MetaRadio provides a in-built ‘Now Playing Widget’ which can be embedded via Theme Widgets or Shortcodes. There are options to customize colours and text. This is an example of what it can look like:

Now Playing
TOP FM – There is nothing currently playing (Customise this with your own text)
Recently Played

 

Now Playing
ANT FM – There is nothing currently playing (Customise this with your own text)
Recently Played

Now Playing (via Shortcodes)

You can style this section however you like – the data is provided via simple shortcodes. You can have your developer customise how this looks.


by

 

Listen Now

Track History Block

Saturday 15th August 2026 – 5pm

Buy on Apple Music
How Many Kings
Downhere
05:00pm
Ring Them Bells feat. Jonathan Traylor
Ben Fuller
05:04pm
Buy on Apple Music
It's Beginning To Look A Lot Like Christmas
Perry Como
05:08pm
Buy on Apple Music
You're Here
Francesca Battistelli
05:11pm
Holly Jolly Christmas
Michael Bublé
05:15pm
Buy on Apple Music
O Come, All Ye Faithful (Gloria)
Blanca
05:17pm
Buy on Apple Music
God Rest Ye Merry Gentlemen
MercyMe
05:20pm
Buy on Apple Music
Mele Kalikimaka
Bing Crosby
05:23pm
Buy on Apple Music
The First Noel
Carrie Underwood
05:26pm
Buy on Apple Music
Let It Snow
Jeremy Camp
05:30pm
Buy on Apple Music
The Christmas Song (Merry Christmas to You)
Nat King Cole
05:33pm
Buy on Apple Music
I Need A Silent Night
Amy Grant
05:36pm

List of Shortcodes

This table shows a list of shortcodes, and their output:

[metaradio_now station="ant-fm"]
[metaradio_now_title station="ant-fm"]
[metaradio_now_artist station="ant-fm"]
[metaradio_now_albumart station="ant-fm" size="100"]

Helper Classes

MetaRadio provides some handy CSS classes. You can use these anywhere on your site. Elements that use this class also need the attribute data-stationid=”1″.

  • Anything with this class will be hidden when there’s no song currently playing.
    metaradio-hide-now-empty

  • Anything with this class will be hidden when there were no songs recently played.
    metaradio-hide-recent-empty

  • Anything with this class will be shown when there is no song currently playing.
    metaradio-show-now-empty

  • Anything with this class will be shown when there are no recently played songs.
    metaradio-show-recent-empty

  • Add this class to a hyperlink to make it open the player in a new window (data attribute not needed for this class)
    metaradio_openplayer_<stationid>

  • Add this class to a hyperlink to make it open the player in a new popup window (data attribute not needed for this class)
    metaradio_openplayerpopup_<stationid>

Screenshots

Here are some screenshots of the admin interface: