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:

  1. Station Logo
  2. Name of the station
  3. The album cover is automatically detected and displayed based on the metadata
  4. A direct URL to purchase the current track from Apple Music/iTunes Store is available
  5. Depending on the popularity of the song, your listeners may see the track lyrics
  6. The player can be shared directly via social media and third-party websites
  7. Technical details of the player and privacy information
  8. A music visualizer which shows that audio is playing
  9. Last played songs
  10. Mute/unmute and music volume
  11. 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.


Simple HTML link:
<a href="http://live.mystreamplayer.com/mystation">Listen Live</a>


Red image embedding:
<a href="http://live.mystreamplayer.com/mystation"><img src="http://live.mystreamplayer.com/listenlive.png"></a>


Blue image embedding:
<a href="http://live.mystreamplayer.com/mystation"><img src="http://live.mystreamplayer.com/listenlive-blue.png"></a>
 
Green image embedding:
<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)