Soundcloud MP3 Player

The Soundcloud player is a fantastic tool for adding mp3 music streams to your web pages. You can select specific music genre's, or you can stream your own mp3 files.

Instructions

Soundcloud MP3 Player

The Soundcloud player is a fantastic tool for adding mp3 music streams to your web pages. You can select specific music genre’s, or you can stream your own mp3 files if you create a Soundcloud account for yourself ( and upload your own mp3s). We’ve worked with various mp3 components over the years, and for many of those years we’ve opted out of including them in our newer templates. The main reason being is that with current web browser technology, we’re still not able to stream music on a page TO page basis. As a visitor to your website starts to listen to an mp3 file on your page, if they decided to go to another page in your site, the MP3 will stop playing. If you have your MP3 player set to ‘auto’ play your MP3 files, when the visitor goes to another page, the MP3 will simply start from the beginning again, it will NOT continue from where the mp3 was last playing.. Web browsers can not track the progress of an mp3 file. At least not without some very tricky ‘cookie’ tracking ( which not all people enable ) or without the use of ‘frames’ with is not even an approved standard with HTML5.

The ‘Soundcloud’ player allows the user to ‘detach’ the player from the page, opening the player in a new ( popout ) window. This allows your visitors to continue listening to the mp3 while they browser from page to page. With our current level of browser technology, this is the best solution for listening to continuous mp3 files while folks browse your website.

That, and it looks really cool!

In this tutorial, we’ll demonstrate how to load your own Soundcloud stream into the mp3 player, or how to remove the player from the page completely.

As far as creating your own Soundcloud account, and uploading your own MP3 files, you’ll need to review the tutorials from the Soundcloud site itself as they do update their information on a regular basis, and there tutorials will be more current that ours.

Removing the Soundcloud player

You can remove the player all your pages, or just specific pages. By default the player is set to not autoplay, so your visitors won’t hear any music until the press the play button.

To remove from ALL pages

  1. Expand the ‘Library / shared / soundcloud-player’ (folder).
  2. Open the ‘soundcloud-player’ page.
  3. Switch to Code view.
  4. Remove all the code ‘between’ the opening and closing <body.. > tags.
  5. Save to update.

To remove from specific pages.

  1. Open the page.
  2. Switch to ‘Code’ view.
  3. Scroll down to the opening <body> tag
  4. Locate the ‘soundcloud-player’ webbot Library link ( code in green ) and select the entire line.
  5. Press ‘Delete’ on your keyboard.
  6. Save to update.

Changing the music stream

A music stream is loaded into the Soundcloud player by way of a link, just like a link to a web page. Only it’s a music stream.

The first thing you need to do is find a replacement music stream.

  1. You can do this by visiting the https://soundcloud.com/stream website.
  2. Click the ‘Explore’ link at the top of the page. This will provide a list of genre’s.
  3. Find a genre and stream that you like, or find your OWN stream.
  4. Click the ‘link’ to listen and view the stream page.
  5. You’ll see a ‘Share’ link, click that.
  6. Copy the highlighted link.
  7. Expand the ‘Library / shared / soundcloud-player’ (folder).
  8. Open the ‘soundcloud-player’ page.
  9. Switch to Code view.
  10. Locate the url for the music stream, it’ll start with ‘http://soundcloud.com/….’
  11. Paste the copied music stream link from the Soundcloud player website.
  12. Save to update.

Change the Autoplay

You can change some of the Soundcloud player settings in the Library page itself, one of them being the ability for the player to ‘autoplay’ when a visitor comes to your site, as well as their ability to download the mp3 file, ‘buy’ the mp3 file, show stats.. you’ll see the options when you open the page.

To change the Autoplay:

  1. Expand the ‘Library / shared / soundcloud-player’ (folder).
  2. Open the ‘soundcloud-player’ page.
  3. Switch to Code view.
  4. Locate the ( auto_play: false, ) variable, and change ‘false’ to ‘true’ ( and don’t knock off the comma, or the player will stop working! )
  5. Save to update.

Soundcloud MP3 Player

The Soundcloud player is a fantastic tool for adding mp3 music streams to your web pages. You can select specific music genre’s, or you can stream your own mp3 files if you create a Soundcloud account for yourself ( and upload your own mp3s). We’ve worked with various mp3 components over the years, and for many of those years we’ve opted out of including them in our newer templates. The main reason being is that with current web browser technology, we’re still not able to stream music on a page TO page basis. As a visitor to your website starts to listen to an mp3 file on your page, if they decided to go to another page in your site, the MP3 will stop playing. If you have your MP3 player set to ‘auto’ play your MP3 files, when the visitor goes to another page, the MP3 will simply start from the beginning again, it will NOT continue from where the mp3 was last playing.. Web browsers can not track the progress of an mp3 file. At least not without some very tricky ‘cookie’ tracking ( which not all people enable ) or without the use of ‘frames’ with is not even an approved standard with HTML5.

The ‘Soundcloud’ player allows the user to ‘detach’ the player from the page, opening the player in a new ( popout ) window. This allows your visitors to continue listening to the mp3 while they browser from page to page. With our current level of browser technology, this is the best solution for listening to continuous mp3 files while folks browse your website.

That, and it looks really cool!

In this tutorial, we’ll demonstrate how to load your own Soundcloud stream into the mp3 player, or how to remove the player from the page completely.

As far as creating your own Soundcloud account, and uploading your own MP3 files, you’ll need to review the tutorials from the Soundcloud site itself as they do update their information on a regular basis, and there tutorials will be more current that ours.

Removing the Soundcloud player

You can remove the player all your pages, or just specific pages. By default the player is set to not autoplay, so your visitors won’t hear any music until the press the play button.

To remove from ALL pages

  1. Expand the ‘Library / shared / soundcloud-player’ (folder).
  2. Open the ‘soundcloud-player’ page.
  3. Switch to Code view.
  4. Remove all the code ‘below’ the opening <meta.. > tag.
  5. Save to update.

To remove from specific pages.

  1. Open the page.
  2. Switch to ‘Code’ view.
  3. Scroll down to the opening <body> tag
  4. Locate the ‘soundcloud-player’ Library asset ( code in yellow ) and click on the yellow code.
  5. Locate the ‘mmlibitem’ in the Quick Tag Selector’ toolbar, and click to select the entire block of Library code.
  6. Press ‘Delete’ on your keyboard.
  7. Save to update.

Changing the music stream

A music stream is loaded into the Soundcloud player by way of a link, just like a link to a web page. Only it’s a music stream.

The first thing you need to do is find a replacement music stream.

  1. You can do this by visiting the https://soundcloud.com/stream website.
  2. Click the ‘Explore’ link at the top of the page. This will provide a list of genre’s.
  3. Find a genre and stream that you like, or find your OWN stream.
  4. Click the ‘link’ to listen and view the stream page.
  5. You’ll see a ‘Share’ link, click that.
  6. Copy the highlighted link.
  7. Expand the ‘Library / shared / soundcloud-player’ (folder).
  8. Open the ‘soundcloud-player’ page.
  9. Switch to Code view.
  10. Locate the url for the music stream, it’ll start with ‘http://soundcloud.com/….’
  11. Paste the copied music stream link from the Soundcloud player website.
  12. Save to update.

Change the Autoplay

You can change some of the Soundcloud player settings in the Library page itself, one of them being the ability for the player to ‘autoplay’ when a visitor comes to your site, as well as their ability to download the mp3 file, ‘buy’ the mp3 file, show stats.. you’ll see the options when you open the page.

To change the Autoplay:

  1. Expand the ‘Library / shared / soundcloud-player’ (folder).
  2. Open the ‘soundcloud-player’ page.
  3. Switch to Code view.
  4. Locate the ( auto_play: false, ) variable, and change ‘false’ to ‘true’ ( and don’t knock off the comma, or the player will stop working! )
  5. Save to update.