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

Thursday 23rd April 2026 – 8pm

I'll Be Home for Christmas
Michael Bublé
08:00pm
Glory (Let There Be Peace)
Matt Maher
08:04pm
Sleigh Ride
Amy Grant
08:08pm
O Holy Night
Sidewalk Prophets
08:11pm
Jingle Bell Rock
Brenda Lee
08:15pm
Go Tell It On The Mountain
Zach Williams
08:17pm
(There's No Place Like) Home for the Holidays
Perry Como
08:21pm
The Moment The Whole World Changed
Danny Gokey
08:23pm
Christmas/Sarajevo 12/24 (Instrumental)
Trans-Siberian Orchestra
08:28pm
Have A Holly Jolly Christmas
Johnny Mathis
08:31pm
Little Drummer Boy
for KING + COUNTRY
08:33pm
Do They Know It's Christmas?
Band Aid
08:37pm
Angels (Glory To God)
Phil Wickham
08:41pm
Winter Wonderland
Lauren Daigle
08:45pm
Let It Snow!
Andy Williams
08:48pm
Silent Night
Mariah Carey
08:50pm
Feliz Navidad
José Feliciano
08:53pm

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: