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

Tuesday 26th May 2026 – 2am

Little Drummer Boy
for KING + COUNTRY
02:00am
Welcome To Our World
JJ Heller
02:04am
Happy Holidays / The Holiday Season
Andy Williams
02:07am
Hark the Herald Angels Sing
Phil Wickham
02:10am
Sleigh Ride
Leroy Anderson
02:14am
Tennessee Christmas (feat. Warren Peay)
Holly Brand
02:17am
What Child Is This?
MercyMe
02:21am
Santa Claus Is Coming to Town
Burl Ives
02:24am
The First Noel
Carrie Underwood
02:26am
Light Of Christmas (feat. TobyMac)
Owl City
02:31am
It's Beginning To Look A Lot Like Christmas
Perry Como
02:34am
My Grown Up Christmas List
Kelly Clarkson
02:37am
Rockin' Around the Christmas Tree (Single)
Brenda Lee
02:42am
What Christmas Means To Me (Oh Holy Night)
Sanctus Real
02:44am
Christmas/Sarajevo 12/24 (Instrumental)
Trans-Siberian Orchestra
02:48am
White Christmas
Michael W. Smith
02:51am
Mary, Did You Know?
Pentatonix
02:55am

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: