MetaRadio Hosted

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:

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

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

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.

Track History Block

Tuesday 18th August 2026 – 8pm

Mary, Did You Know?

Pentatonix

08:00pm

White Christmas

The Drifters

08:04pm

Glorious

for KING + COUNTRY

08:06pm

I'll Be Home for Christmas

Kelly Clarkson

08:10pm

It's Beginning To Look A Lot Like Christmas

Bing Crosby

08:13pm

Feels Like Joy

Micah Tyler

08:15pm

Hark! The Herald Angels Sing

Carrie Underwood

08:18pm

Wonderful Christmastime

Lady A

08:22pm

Let It Snow!

Andy Williams

08:25pm

Joy to the World (Joyful, Joyful)

Phil Wickham

08:27pm

Rockin' Around the Christmas Tree

Amy Grant

08:31pm

Ring Them Bells feat. Jonathan Traylor

Ben Fuller

08:33pm

We Need a Little Christmas

Percy Faith

08:37pm

List of Shortcodes

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

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:

[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"]