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

Friday 3rd April 2026 – 7pm

Christmas Eve/Sarajevo
Trans-Siberian Orchestra
07:00pm
It Came Upon A Midnight Clear
Steven Curtis Chapman
07:03pm
Little Drummer Boy
For King and Country
07:08pm
The Twelve Days Of Christmas
Ray Conniff
07:12pm
What Child Is This?
MercyMe
07:16pm
God's Gift To Us
Natalie Grant
07:20pm
It's Beginning to Look Like Christmas
Johnny Mathis
07:24pm
O Come, O Come, Emmanuel
Cece Winans
07:26pm
Winter Wonderland
Tony Bennett
07:31pm
Joy To The World
Danny Gokey
07:33pm
We Need a Little Christmas
Percy Faith & His Orchestra
07:37pm
White Christmas
Michael W. Smith
07:39pm
Sleigh Ride
The Ronettes
07:43pm
O Holy Night / Holy Forever
Garett & Kate Serban
07:46pm
Light of the World
Lauren Daigle
07:51pm
I'll be Home For Christmas
Bing Crosby
07:55pm
Holly Jolly Christmas
Michael Bublé
07:58pm

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: