SoundStack provides an HTML5 web player for use on your website. You can choose from a few customizable adjustments that best suit the style and look of your website.
The ESPlayer offers the following features:
- Station Logo
- Name of the station
- The album cover is automatically detected and displayed based on the metadata
- A direct URL to purchase the current track from Apple Music/iTunes Store is available
- Depending on the popularity of the song, your listeners may see the track lyrics
- The player can be shared directly via social media and third-party websites
- Technical details of the player and privacy information
- A music visualizer which shows that audio is playing
- Last played songs
- Mute/unmute and music volume
- The station TuneIn, Facebook, and Twitter links
Player skin classes
The skins allow enhanced UI/UX customizations which you can apply across your player. Here is a list of those options:
base - http://live.mystreamplayer.com/mystation
The default skin and skin class. Not very mobile friendly. By default switches to page on mobile.
small - http://live.mystreamplayer.com/mystation?skin=small
This is a slightly smaller version of base, with the right side ad removed.
page - http://live.mystreamplayer.com/mystation?skin=page
Full page layout. Responsive and mobile friendly.
blackwood - http://live.mystreamplayer.com/mystation?skin=blackwood
A nice wood skin.
mini - http://live.mystreamplayer.com/mystation?skin=mini
Tiny player meant for iframe embedding.
bar-mini1 - http://live.mystreamplayer.com/mystation?skin=bar-mini1
Responsive, wide 68px high layout meant for attaching to a page bottom or top.
bar-mini2 - http://live.mystreamplayer.com/mystation?skin=bar-mini2
Responsive, wide 68px high layout meant for attaching to a page bottom or top.
How do I embed or link the player to my website?
Embedding is the process of adding the ESPlayer to your website (through your hosting platform and tools), making it readily available to your website visitors. For many website-building platforms, it is as simple as copying and pasting the codes that we provide. The iframe embed code is the most universally compatible embed code that can be used on any kind of web-page or web-application that supports HTML.
<a href="http://live.mystreamplayer.com/mystation">Listen Live</a>
<a href="http://live.mystreamplayer.com/mystation"><img src="http://live.mystreamplayer.com/listenlive.png"></a>
<a href="http://live.mystreamplayer.com/mystation"><img src="http://live.mystreamplayer.com/listenlive-blue.png"></a>
<a href="http://live.mystreamplayer.com/mystation"><img src="http://live.mystreamplayer.com/listenlive-green.png"></a>
Paste (ctrl+v, command+v) the HTML code into your website. This process may differ depending on the platform that your website is hosted on.
Initial Player Deployment
For the player deployment, you will have to own a station with us and we will need the following information sent to support@soundstack.com:
- Station Name (as you would like it to appear on the player)
- Website URL
- Social Media Links
- Station Logo (Transparent or vector) that is approximately 50 pixels tall
- Station background (it's optional; not adding a background results in displaying the album art of the playing song as the background. This is our preferred option)
If you have any further questions or concerns please do not hesitate to contact our Support Team through the ticket submission form or by emailing us at support@soundstack.com.