SoundCloud Embedding?

[Akasha Khan]

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]

If I see 5 more individuals requesting/supporting this addition, I will take the time to get it set up.

[Tell Cho]

I second this addition! *STANDS UP DRAMATICALLY*

[Lilaena De'Ville]

I third it.

[Loklorien s'Ilancy]

I am in support.

[Zem Vymes]

Sounds good to me

[Darth Turbogeek]

As long as I can block it, I wont care. Embedded music is annoying

[Lilaena De'Ville]

I think it just embeds a player, like the youtube videos. They don't auto play.

[TheHolo.Net]

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]

I'm totally in favour of this, provided it's not going to autoplay.

[Captain Untouchable]

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]

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]

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]

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]

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]

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!