ToneDen Releases Fresh Custom SoundCloud Player + Visualizer

 

Alright this is a fly approach to SoundCloud, and you know how much I love SoundCloud.  The homies at ToneDen.io, in their eternal l33tness, hacked together the ToneDen Player with their signature boss UI design and a super trippy visualizer.  I’m a fan.  Read more below for how to implement…

The new player allows for music bloggers, musicians, and web developers to choose between four different color schemes and two different visualizers (for Google Chrome users) when featuring the new player on their website, providing them with a fresh alternative to the current SoundCloud widget.

Anyone interested in featuring the player on their website can get more information on how to implement it by visiting the player demo page. For those without websites, it’s possible to showcase your songs with the player by creating an account on ToneDen.

How to embed the ToneDen player in your site if you’re a computer hacker (Non- WordPress hosted, but WordPress platform):

Multi-song player

<div id=”player-container” style=”width: inherit; height: 560px;”></div>

<script type=”text/javascript”>(function() {var script = document.createElement(“script”);script.type = “text/javascript”;script.async = true;script.src = “//sd.toneden.io/production/toneden.loader.js”;var entry = document.getElementsByTagName(“script”)[0];entry.parentNode.insertBefore(script, entry);}());ToneDenReady = window.ToneDenReady || [];ToneDenReady.push(function() {ToneDen.player.create({dom: “#player-container”,skin: “light”,visualizer:”waves”,urls: [“https://soundcloud.com/giraffage/music-sounds-better-with-you”, ,“https://soundcloud.com/wave-racer/wave-racer-streamers”,“https://soundcloud.com/wave-racer/wave-racer-streamers”,“https://soundcloud.com/flume/sleepless-feat-jezzabell-doran”]});});
</script>

^^ Just copy and paste the link of the songs you’d like to feature into this code. Make sure that there are quotes (“) before and after the link. You can also upload as many songs as you’d like.

Single-song player

<div id=”player-container” style=”width: inherit; height: 560px;”></div>

<script type=”text/javascript”>(function() {var script = document.createElement(“script”);script.type = “text/javascript”;script.async = true;script.src = “//sd.toneden.io/production/toneden.loader.js”;var entry = document.getElementsByTagName(“script”)[0];entry.parentNode.insertBefore(script, entry);}());ToneDenReady = window.ToneDenReady || [];ToneDenReady.push(function() {ToneDen.player.create({dom: “#player-container”,skin: “light”,visualizer:”waves”,urls: [“https://soundcloud.com/wave-racer/wave-racer-streamers”]});});
</script>

^^ Just copy and paste the link of the song you’d like to feature into this code. Make sure that there are quotes (“) before and after the link.

 

Options for Skins and Visualizers:

skin types: light, dark, mojave, aurora

visualizer types: waves, bars

 Hit us up if you have any questions, pretty keen on seeing this thing get out there:

stevie@gottadancedirty.comali@toneden.io

All my best,

stevie leisure…

Comments

Comments