Putting your radio player on your website: the player options on each panel

VPS & Servers·· 38 views· 4 min read

The short answer: both panels on our Streaming Server give you a ready-made player to copy into your website. SonicPanel has HTML player templates, a custom player with your radio’s image and a “live DJ” widget. VoxStream has several player designs and a cross-platform app. You pick the design in the panel, copy the code and paste it into a page. The player does not limit your audience: on every plan, simultaneous listeners are unlimited.

What each panel offers to reach your listeners

Option SonicPanel VoxStream
A player to paste into your site HTML player templates, ready to copy. Several player designs, ready to copy.
A player that looks like your station Custom player with your radio’s image. Check in the panel which designs let you add your own image.
Who is on air right now “Live DJ” widget for your website. Not on this panel’s feature list: ask us if you need it.
Listening on a phone The listen link opens in the browser and in any player that accepts a stream address. Cross-platform app, as well as the listen link.
An Android app with your station’s name Paid add-on on the Pro and Plus plans, included on Ultra. Paid add-on on the Pro and Plus plans, included on Ultra.
A ready-made radio website (Web Radio Site) Paid add-on on the Pro and Plus plans, included on Ultra. Paid add-on on the Pro and Plus plans, included on Ultra.

Putting the player on a page of your site

1 Sign in to your radio panel with the address, username and password from the e-mail you received when we set up your station. If you have not done that yet, start with the first steps with SonicPanel.
2 Find the players section (the menu name changes with the panel version and language: “Players”, “HTML Player”, “Widgets”). Choose the design, the colours and, on SonicPanel, your radio’s image.
3 Copy the code the panel generates. It is usually a short block of HTML or an iframe.
4 Paste it into your site. In WordPress, use a Custom HTML block on the page or in the sidebar: see creating and editing pages in WordPress. In other site builders, look for the option to insert code or HTML.
5 Publish and test on a computer and on a phone, ideally on another network (mobile data will do). Press play and check that the sound comes through and the song title shows, if the design displays it.
6 Add the direct listen link too (it is in the e-mail), for people who prefer to open the station in their own audio player.
Your site uses https and the player will not play? Browsers block or warn when a secure page loads sound from an “http” address. The SSL certificate is included with the Streaming Server: use the https address the panel gives you in the player. If the padlock on your site disappears because of the player, see mixed content after moving to HTTPS.
Do not make the radio start by itself when the page opens. Browsers usually block sound that plays automatically until the visitor clicks, and people caught by surprise close the page. A clear play button works better.

Player not showing, not playing or showing the wrong station? Open a support ticket in My MozOut with the address of the page where you pasted it and the panel you use.

Open a support ticket

SEE ALSO

Streaming Server: first steps with SonicPanel

SonicPanel or VoxStream: which streaming panel to choose for your radio

DJ accounts on SonicPanel: permissions, the live DJ widget and automatic recording

Mixed content after moving to HTTPS: the padlock that will not turn on

Creating and editing pages in WordPress

Sharing on social media so it brings visits to your site

RECOMMENDED PRODUCT

Web hosting with cPanel

Domain and SSL included, daily backups and the panel you already know. from $6.60/mo (3-year plan, with coupon)

See plans
Was this answer helpful? Your answer helps us improve this article.

Related Articles

VPS & Servers 1,829 First steps with your VPS A VPS is a server of your own: you choose the operating system and you have full root access. That also means the respon...
VPS & Servers 1,739 Connecting to a Windows VPS with Remote Desktop A Windows VPS is reached with Remote Desktop instead of SSH. The rest - how the server is delivered and what's your resp...
VPS & Servers 817 Common VPS and Cloud errors: SSH, memory, disk and reboots On a VPS the machine is yours: the system, the services and the firewall obey your orders - and your mistakes. These are...
VPS & Servers 1,031 Managed or unmanaged VPS: which to choose and who does what Two VPS with the same processor, the same memory and the same disk can be priced very differently. The difference is rar...
VPS & Servers 932 Reinstalling or changing your VPS operating system On shared hosting the operating system is not your choice - and just as well, because it is not your problem either. On...
VPS & Servers 42 Shoutcast or Icecast on SonicPanel: the differences and which to pick The short answer: on SonicPanel your station can run on a Shoutcast server (version 1 or 2) or an Icecast server. They a...