PDA

View Full Version : SoundCloud Embedding?



Akasha Khan
Apr 19th, 2014, 10:51:14 PM
http://theholo.net/forum/showthread.php?55538-Character-themes-and-motifs!&goto=newpost

Vince and I have talked about writing some short character themes for RP characters, and someone suggested we look into SoundCloud as a hosting service for the music. I just registered an account there and found out that SoundCloud generates HTML and WordPress codes for embedding music into posts on other sites. Is there an easy way we could enable that function here as well, like with the [YouTube] tags? I tried putting the HTML code between [HTML] tags, but the post preview did not look promising, and I didn't want to risk breaking anything.

If this isn't an easy fix, then don't worry about it - I'm happy just using links. Thanks!

TheHolo.Net
Apr 28th, 2014, 09:07:18 AM
If I see 5 more individuals requesting/supporting this addition, I will take the time to get it set up.

Tell Cho
Apr 28th, 2014, 09:25:51 AM
I second this addition! *STANDS UP DRAMATICALLY*

Lilaena De'Ville
Apr 28th, 2014, 10:47:14 AM
I third it.

Loklorien s'Ilancy
Apr 28th, 2014, 11:10:20 AM
I am in support.

Zem Vymes
Apr 28th, 2014, 12:33:54 PM
Sounds good to me

Darth Turbogeek
Apr 29th, 2014, 04:42:52 AM
As long as I can block it, I wont care. Embedded music is annoying

Lilaena De'Ville
Apr 29th, 2014, 08:47:06 AM
I think it just embeds a player, like the youtube videos. They don't auto play.

TheHolo.Net
Apr 29th, 2014, 08:50:17 AM
Need one more outright supporter, and then I will need a link to an existing track so that I can get it setup and fully tested.

Auto play is a deal breaker, IMO, if it turns out to be that way.

Droo
Apr 29th, 2014, 09:06:47 AM
I'm totally in favour of this, provided it's not going to autoplay.

Captain Untouchable
Apr 30th, 2014, 12:55:10 AM
Soundcloud on tumblr doesn't seem to autoplay: I would presume forum embedding works similarly?

If it doesn't autoplay, I'm all for it!

TheHolo.Net
May 1st, 2014, 07:23:54 AM
Can someone who is registered with soundcloud provide me an example of the HTML code used to embed files in the already supported systems like Wordpress...etc...?

Use the [ code ] tags to post it without it actually embedding.

Akasha Khan
May 1st, 2014, 07:58:30 AM
There are two frame sizes for embedding. Here's the 450-pixel frame:


******** width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/147334471&auto_play=false&hide_related=false&visual=true">***********

And here's the 166-pixel frame, which probably makes more sense for embedding on a forum:


******** width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/147334471&color=ff5500&auto_play=false&hide_related=false&show_artwork=true">***********

Lastly, here's the code it offers for WordPress:


[soundcloud url="https://api.soundcloud.com/tracks/147334471" params="color=ff5500&auto_play=false&hide_related=false&show_artwork=true" width="100%" height="166" iframe="true" /]

Autoplay is actually an option you can select in the dialog that generates the code. I had it unchecked when I generated these strings, and I can see an auto_play=false argument in there. Just realized there's another argument, hide_related=false, which could probably be switched to "true" for our purposes. I'm guessing it would bring up links to related tracks after the track finishes playing, just like the related links on YouTube.

Thanks so much for looking into this!

EDIT: I don't know if the [ code ] tag is supposed to do this, but in both HTML examples it's replaced the < iframe > tags at the beginning and the end with asterisks. The opening tag includes all the arguments up to artwork=true, and then there's a closing tag.

TheHolo.Net
May 1st, 2014, 08:22:21 AM
Yep, we have iframe's blocked for security reasons. I will see about getting a soundcloud tag setup, where you just use 'scloud' BBCode tags and a URL between them.

TheHolo.Net
May 1st, 2014, 08:44:16 AM
Does not look like this is going to work until they open up their HTML5 widgets to free accounts. I cannot enable iframe for just the bbcode without allowing it everywhere, which is a very big security problem.

Akasha Khan
May 1st, 2014, 09:14:43 AM
Aw, that's too bad. Well, I can still direct link to SoundCloud, or I can open a YouTube account for my music and embed it that way. Thanks again for checking into it!