Announcement

Collapse
No announcement yet.

SoundCloud BBCode

Collapse
X
Collapse
First Prev Next Last
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Official - Free SoundCloud BBCode

    Integrate SoundCloud audio embed into your forums using custom BB Codes.

    Go to AdminCP > Custom BB Codes > Add New BB Code and enter the following information:

    Title: SoundCloud
    BB Code Tag Name: soundcloud
    Replacement:

    Code:
    <iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/{param}&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
    Example: [soundcloud]TrackIdHere[/soundcloud]
    Other Options: Select Yes to all starting from "Remove Tag If Empty" option (for Button Image option, you could specify image path. If specified, a new button for this BB Code will appear in the editor)

    To find out the track ID in SoundCloud.com, click the Share button, then click Embed tab. The track ID is in the Code and Preview textbox. Check WordPress code checkbox to see the track ID more easily.

    Code:
    api.soundcloud.com/tracks/xxxxxxxxx
    where xxxxxxxxx is the track id (e.g. 123456789)

    So a sample BB Code posting would be:

    Code:
    [soundcloud]252827242[/soundcloud]
    and it would render like this:

    Click image for larger version  Name:	soundcloud.png Views:	1 Size:	30.3 KB ID:	5141

    #2
    I added this. Works fine at https://forums.hosting/forum/other-f...xed-by-hinsley

    Many thanks for this mod glennrocksvb
    HostXNow - UK Web Hosting

    Comment


      #3
      I have got only:
      "You have not provided a valid SoundCloud URL. Learn more about using SoundCloud players"


      Need to write code:
      Code:
      <iframe allowtransparency="true" scrolling="no" frameborder="no" src="https://w.soundcloud.com/icon/?url=http%3A%2F%2Fsoundcloud.com%2Fundefined&color=orange_white&size=32" style="width: 32px; height: 32px;"></iframe>

      Comment


        #4
        Did you follow the steps mentioned in the first post?

        Comment


          #5
          This is amazing! Thank you!!

          I installed it on my brand new forum and it shows up in the signature of my sample post. I changed the height to 166 instead of 300, but either way, the picture gets cut off, as such:

          Click image for larger version

Name:	Screenshot 2019-10-17 19.28.26.png
Views:	14
Size:	438.0 KB
ID:	20543

          Is it possible to make the smaller view show up - the one I selected in the middle here? This way the avatar of the soundcloud song wouldn't get cut off if it isn't full size.
          Click image for larger version

Name:	Screenshot 2019-10-17 19.25.32.png
Views:	23
Size:	335.6 KB
ID:	20542

          Comment


            #6
            Selecting that one in the middle should automatically adjust/update the embed code. You don't have to change anything in the code. What you did was you selected the first one and then changed the height in the code.

            Comment


              #7
              I see! It worked! Thank you . Donation heading your way. I am broke but I really appreciate all you've done here.

              Comment


              • glennrocksvb
                glennrocksvb commented
                Editing a comment
                Thanks, I appreciate it!
                Badges added to your postbit.
            Working...
            X