Matas SoundCloud player in forums (5-step guide for SoundCloud BB code)

Forums have always been great places for fans and producers to congregate and talk about the music they love. Whether it’s forums about specific genres, production tips or music software there are a lot of thriving communities out there. And SoundCloud is all about moving your music to where you really need it; to all the places where you want to discuss, share and play it. So here’s a short 5-step guide to show you how to allow SoundCloud tracks to be directly embedded into forum posts. It takes two minutes.

Note, to do this you’ll need to have administrative rights of the forum. If you’re just a user then you might want to send your admins a link to this post and ask nicely!

1) Go to your Admin Control Panel, then click on ‘Add New BB code‘ option under ‘Custom BB Codes‘.

2) Enter the following info into the form fields:

Title: SoundCloud

BB Code Tag Name: soundcloud

Replacement: <object height="81" width="100%"><param name="movie" value="http://player.soundcloud.com/player.swf?url={param}&amp;g=bb"></param><param name="allowscriptaccess" value="always"></param><embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url={param}&amp;g=bb" type="application/x-shockwave-flash" width="100%"></embed></object> <a href="{param}">{param}</a>

Example: [soundcloud]http://soundcloud.com/matas/hobnotropic[/soundcloud]

Description: Embed the tracks from SoundCloud into your post. Use the track URL in your browser. For example, for http://soundcloud.com/forss/speech-craft-no-sleep-til-dawn-remix-by-forss it would be: [soundcloud]http://soundcloud.com/forss/speech-craft-no-sleep-til-dawn-remix-by-forss[/soundcloud]

3) Include a Button Image. (Note: this is optional but you should upload that image to your own server and host it from there: http://bit.ly/tV7mm).

4) Here’s the how it should all look:

BB Code Manager - vBulletin Demo - vBulletin Admin Control Panel

5) Now, click ‘Save‘ and that’s it! Your users will have a SoundCloud button in their post forms now. They simply click on the cloud button and paste their track URL address.

vBulletin Demo - Reply to Topic

P.S. If you’re a forum software developer yourself, don’t hesitate to contact us at api@soundcloud.com or SoundCloud Google Group. There is potential for more advanced forum integration with SoundCloud.

  • http://www.audio-loop.net Audioloop

    Funnily enough i worked this out myself only a day or two a go. It works really well.. here is a link with the player in action:

    http://www.audio-loop.net/forums/showthread.php

  • audioloop

    Funnily enough i worked this out myself only a day or two a go. It works really well.. here is a link with the player in action:

    http://www.audio-loop.net/forums/showthread.php

  • http://www.theindiedigest.com Owen Kelly

    soundcloud now integrates into forums, this is really cool. Awesome work guys

  • http://www.theindiedigest.com Owen Kelly

    soundcloud now integrates into forums, this is really cool. Awesome work guys

  • matas

    great job Audioloop! I really liked how you add a normal HTML link after the embed code, I think we should consider doing the same. I'll update our code accordingly!

  • matas

    great job Audioloop! I really liked how you add a normal HTML link after the embed code, I think we should consider doing the same. I'll update our code accordingly!

  • http://www.carbroker.org/ keith
  • http://www.ilankriger.net/ Ilan Kriger

    Hello,

    Is there any think to change to put on the phpbb foruns?!

    I cannot doing it?!

    thanks

  • http://www.ilankriger.net/ Ilan Kriger

    Hello,

    Is there any think to change to put on the phpbb foruns?!

    I cannot doing it?!

    thanks

  • misterbee

    Having trouble adding the bbcode as im a n00b.

    I've done everything above, but when i add the bbcode, i get a message saying

    You must use {content} somewhere in the BBCode replacement section.

    Any ideas :(

  • misterbee

    Having trouble adding the bbcode as im a n00b.

    I've done everything above, but when i add the bbcode, i get a message saying

    You must use {content} somewhere in the BBCode replacement section.

    Any ideas :(

  • almustshar

    شبكة السوق السعودي المالي تداول

  • almustshar

    شبكة السوق السعودي المالي تداول