Church of ProZ: Otaku Fortress
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to embed SoundCloud tracks (2016)

2 posters

Go down

How to embed SoundCloud tracks (2016) Empty How to embed SoundCloud tracks (2016)

Post by Corenat Rovarnus 2016-07-01, 18:54

Several months ago SoundCloud changed their embedding system so it no longer supports BBcode or embedding players in your post specifically for phpbb forums like this one. This has unfortunately broken every single soundcloud track embedded on the site. Fortunately embedding can still be done via HTML. It's pretty straightforward but here's some screenshots if you're a total noob, carefully cropped to avoid screen resolution discrimination. Modifying the "height" attribute in the code will change the frame size, I find that 100 to 150 is a good value if you don't want the player to take up too much space. 115 is the minimum height if you want to be able to skip to different parts of the track.
Click me for the guide:

Hopefully I don't have to update this again.


Last edited by Corenat Rovarnus on 2016-07-31, 04:35; edited 2 times in total
Corenat Rovarnus
Corenat Rovarnus
Imperator
Imperator

ProZ Degrees: Nasuverse PhD, When They Cry Master
Posts : 6684
AwesomeSauce : 137

https://churchofproz.forumotion.net

Back to top Go down

How to embed SoundCloud tracks (2016) Empty Re: How to embed SoundCloud tracks (2016)

Post by Zhu Yang 2016-07-01, 21:01

UPDATE:

For maximum immersion and clean display, you want to change a few of the options.

###

<iframe width="80%" height="115" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/271093803&amp;auto_play=false&amp;hide_related=false&amp;show_comments=false&amp;show_user=false&amp;show_reposts=false&amp;visual=false"></iframe>

###

width changes the width of the box as a percentage of the post width
height changes the height of the box
show_comments displays comments on the track
show_user displays the name of the artist who made the track
visual stretches the image across the entire box


Last edited by Vroop on 2016-07-01, 21:07; edited 3 times in total
Zhu Yang
Zhu Yang
Archon
Archon

ProZ Degrees: Nasuverse Master
Posts : 2107
AwesomeSauce : 9

Back to top Go down

How to embed SoundCloud tracks (2016) Empty Re: How to embed SoundCloud tracks (2016)

Post by Zhu Yang 2016-07-01, 21:03

Here's what the default embed copy+paste from Soundcloud looks like:




Here's what the edited version looks like:

Zhu Yang
Zhu Yang
Archon
Archon

ProZ Degrees: Nasuverse Master
Posts : 2107
AwesomeSauce : 9

Back to top Go down

How to embed SoundCloud tracks (2016) Empty Re: How to embed SoundCloud tracks (2016)

Post by Sponsored content


Sponsored content


Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum