Looking for a way to play music on your website? Look no further, allow us to introduce you to the best HTML5 SHOUTcast player in the world; Wavestreaming.
The best HTML 5 SHOUTcast player in the world; Wavestreaming
The Wavestreaming SHOUTcast Pro Player Suite is a great SHOUTcast player; it primarily uses HTML5 and is extremely easy to use. It is iOS device capatitible, and you can embed the player directly into Facebook.
The interface of the Wavestreaming Pro Player Suite
The Pro Player Suite’s DJ interface is graphical and pleasing to the eye, which is important when you are sitting in front of the control panel all day while running your internet radio station; it features gradients and easy to read serif fonts. The fairly intuitively designed interface also makes it clear what track is playing, how long that track is, how long is left to go of the current track and what track is going to play after the current track. The interface is easily navigated if you are familiar with how to navigate other sites such as Twitter, Facebook etc. The design of the Wavestreaming Pro Player Suite is phenomenal, something that is not seen on any other SHOUTcast players. The player has some cool features built in such as real time song metadata (Artist name, song name and album art) updating which keeps the current song and album art updated if you are playing from digital music. This isn’t demonstrated here as Seduction Radio prefer to use white label records due to superior sound quality and clarity, and like myself they also enjoy the nostalgia associated with a piece of vinyl.
Changing the look of your player
The actual player box is highly customizable, you can create themes for your player with picture backgrounds and solid colours. Making your own themes for your Wavestreaming player requires no knowledge of HTML, Flash or CSS; instead you only need to have access to the internet. The process is simple, there are boxes where you can enter the HEX code of the colour you want or if you click on the box a visual editor pops up where you can choose the colour you want. When you are dragging the circle around to select the colour you want there is a small bug where the page highlights in different parts, although annoying it’s no big deal and doesn’t affect the use of the player. On other websites that have a colour selector it often uses Flash, but on Wavesteaming it doesn’t so it can be used on devices which don’t support Flash, like the iPad, iPhone and iPod Touch.
You can also set images as the background which is fabulous and infinitely useful, doing this is as simple as it is to set the background as a colour; you image simply click the ‘upload’ button, this will bring up a box which displays your filesystem. From there you just find the image you want to use and double click on it or click ‘open’ and the image will be uploaded, it is worth noting that the image can not be over 1 megabyte. There are also hundreds of professionally designed themes that you can use if you don’t want to create your own using the intuitive theme creator. Along with colours you can also toggle whether or not to display the volume and pop out options.
This is what I got a player looking like in just 10 minutes:
Wavestreaming in action
As you can see from the screenshot, this is a current client of mine (Seduction Radio) as my days of internet radio are long over. I was originally coding a solution for an internet radio station that utilised Flash, but of course iOS devices don’t run Flash and rewriting the entire application in HTML 5 would have been very time consuming and unnecessary because of the brilliant Wavestreaming.
Getting the Wavestreaming player onto your website
To get your Wavestreaming player onto your site you simply copy and paste the code of the customised player into your website’s source and you’re done, which took me 3 minutes including the time of unlocking my 1Password, logging into the Wavepanel, getting the source and then logging into the site I was embedding the player on and putting in the source. It couldn’t be more simple.
Not having the source code on the Seduction Radio hosting did raise some questions between us all; we were wondering if there would be any issues with downtime as the player was embedded in an iFrame. Though, to our surprise we only counted one outage of the service, and that was for 30 minutes due to the implementation of a new secure certificate which involved changing the IP address of a server. This downtime was handled professionally and Wavestreaming apologised fully for the outage on their blog. We’ve been using the Wavestreaming SHOUTcast Pro Player for almost a month now and have loved every minute out it, we especially love the stability and reliability of the service.
Cross-Platform Availability & Wavestreaming
Wavestreaming supports all of the main browsers, which are Internet Explorer, Firefox, Chrome, Safari, Opera. It is an HTML 5 solution which means that the player will work on all iOS devices where Flash is not supported, this is something that more or less every other SHOUTcast player lacks and this is one of the main features which makes Wavestreaming the best player. HTML 5 is the default option but on devices and browsers that are stuck behind the times and don’t support HTML 5 the Wavestreaming player will render in Adobe Flash which means that it will render on more or less all browsers and devices. The loading times are very fast on iOS devices, we tested on an iPhone 3GS, iPhone 4s and the iPad 2 over 3G and WiFi and they all rendered the player within a few seconds. You can have multiple players on the same account with Wavestreaming, and they can all have different custom themes or you can have several players with the same custom theme that you painstakingly put together. The Wavestreaming player automatically updates without refreshing the page which is very convenient.
Facebook integration with Wavestreaming
Facebook is a phenomena that has taken entertainment into a whole new world, with so many internet radio stations around these days getting listens from Facebook can be difficult not to mention frustrating; but Wavestreaming just upped the game. With Wavestreaming you can add your SHOUTcast player directly to your Facebook page, not requiring listeners to go through the outdated process of clicking through to your site. Because you can add your player to Facebook it means that your station can go viral, using the powerful built in sharing options letting users share the player to their wall and put it on other users’ walls. You can also embed the ‘Share on Facebook’ button on your site so from your site fans can share your radio station to their friends.
Pricing and summery
- Easy to use interface
- Simple navigation
- The HTML 5
- Its intelligent switching between HTML 5 and Adobe Flash when HTML 5 isn’t supported
- Fast load times
- Cheap pricing
- Facebook integration
- Friendly customer support
And that’s just the main features, there are many small little touches that make this a must have if you run a radio station. You can watch the Wavestreaming Pro Player Suite videos and purchase a subscription to this great service here.