How to embed Soundcloud, Youtube or Images to the forum.

This competition has ended and the winners have been announced.

How to embed Soundcloud, Youtube or Images to the forum.

Postby Viktor » Wed Mar 02, 2011 8:17 pm

Dear BIAB forum members,

I'm posting this thread since I've seen some problems with newcomers and Soundcloud or Youtube embedding.




Soundcloud embedding:
There are two ways to embed your tracks from soundcloud: you can embed one specific track
or you can embed a soundcloud player that automatically shows your latest track.

To embed a specific track is fairly simple, just put the track's URL between the soundcloud tags like in this example
Code: Select all
[soundcloud]http://soundcloud.com/vikt0r/brainwave[/soundcloud]

The output:
http://soundcloud.com/vikt0r/brainwave
Always make sure you put the track's URL and not your soundcloud page's URL

You can also make a soundcloud player appear that always shows your latest track and when it's done playing it'll start playing the next one and so on...
To do that you simply have to put your soundcloud page's URL between the tags, example:
Code: Select all
[soundcloud]http://soundcloud.com/vikt0r[/soundcloud]

The output:
http://soundcloud.com/vikt0r
You can also do this with a set instead of all your tracks, just use the set's URL instead.
The method above is very handy for your signature (click User Control Panel —> Profile —> Signature to edit your signature)
so you don't have to update it every time you uploaded a new track, that's one minute more for making music!





Youtube embedding:
Youtube embedding is a bit tricky to find out but once you've got it it's easy.
To embed a video from youtube simply go to the video and look at it's url:

http://www.youtube.com/watch?v=Js926jRlUEg&feature=related

And copy everything after the watch?v= to the end or before the & if there is one, for this URL that is:

Js926jRlUEg


Now that's the youtube video's ID, put it between the youtube tags:
Code: Select all
[youtube]Js926jRlUEg[/youtube]

And voila:

Always remember that youtube audio quality doesn't even come close to soundcloud's audio quality,
you should only use youtube next to soundcloud to reach a wider public or to upload a videoclip of your track!




Embedding an image:
To embed an image that's already hosted somewhere on the internet you have to have to know the image's URL:
http://i1.soundcloud.com/avatars-000001836008-qljry9-crop.jpg?8b8424
And simply put this URL between the IMG tags:
Code: Select all
[img]http://i1.soundcloud.com/avatars-000001836008-qljry9-crop.jpg?8b8424[/img]

And the output:
Image


Now, if your image isn't yet hosted somewhere and you don't want to make an account at a free image hosting site (which I recommend)
you could also use the forum's attachment feature, to do that first upload the image in the window below the text editor and then click "place inline" at the posted attachments section. I recommend using the other way because you'll need to upload the image for each message your using it in, it doesn't support much formats and when the image is too big it shows these nasty scrollbars. All of the above methods should also work in signatures (I'm not sure of the youtube embedding in signatures but it should work fine)




That's all folks! :D

Vikt0r
Last edited by alexc on Sun Mar 20, 2011 3:33 pm, edited 2 times in total.
Reason: Spelling
User avatar
Viktor
Knight of Noise (White)
 
Posts: 571
Joined: Thu Aug 05, 2010 10:43 am
Location: belguim

Re: How to embed Soundcloud or Youtube to the forum.

Postby petermennitirecords » Thu Mar 17, 2011 5:16 pm

Any chance you could post some info on embedding pictures?
User avatar
petermennitirecords
Knight of Noise (Pink)
 
Posts: 707
Joined: Sat Oct 30, 2010 9:42 pm
Location: United States

Re: How to embed Soundcloud or Youtube to the forum.

Postby Viktor » Thu Mar 17, 2011 10:24 pm

Ill do this tomorrow!
Vikt0r
Dark Drum and Bass, Neurofunk, Drumstep and Dubstep!
http://soundcloud.com/vikt0r
http://www.facebook.com/pages/Vikt0r/132670190135348
http://www.myspace.com/vikt0red
Dave wrote:the funny thing is, that you can make up these quotes and no one will ever know,
also I think Vikt0r is frickin' awesome.
User avatar
Viktor
Knight of Noise (White)
 
Posts: 571
Joined: Thu Aug 05, 2010 10:43 am
Location: belguim

Re: How to embed Soundcloud, Youtube or Images to the forum.

Postby Viktor » Sun Mar 20, 2011 3:27 pm

Done!
Vikt0r
Dark Drum and Bass, Neurofunk, Drumstep and Dubstep!
http://soundcloud.com/vikt0r
http://www.facebook.com/pages/Vikt0r/132670190135348
http://www.myspace.com/vikt0red
Dave wrote:the funny thing is, that you can make up these quotes and no one will ever know,
also I think Vikt0r is frickin' awesome.
User avatar
Viktor
Knight of Noise (White)
 
Posts: 571
Joined: Thu Aug 05, 2010 10:43 am
Location: belguim

Re: How to embed Soundcloud, Youtube or Images to the forum.

Postby Rmonik » Fri Nov 04, 2011 11:50 am

I think we could use a different system for youtube though, where we just have to use the entire URL.
Image
User avatar
Rmonik
Le Facetious Lemon Key Lord
 
Posts: 4680
Joined: Sun Mar 20, 2011 12:59 am
Location: Ghent, Belgium

Re: How to embed Soundcloud, Youtube or Images to the forum.

Postby MnilinM » Fri Nov 04, 2011 3:53 pm

Rmonik wrote:I think we could use a different system for youtube though, where we just have to use the entire URL.

Better yet, flexible to handle both methods.
User avatar
MnilinM
Lord of Leads (Solo)
 
Posts: 1256
Joined: Fri Jun 03, 2011 6:23 am

Re: How to embed Soundcloud, Youtube or Images to the forum.

Postby DevLuke » Wed Jul 25, 2012 5:43 pm

Rmonik wrote:I think we could use a different system for youtube though, where we just have to use the entire URL.

This is possible with some changes by the admins:
BBCode Usage:
Code: Select all
[youtube]http://www.youtube.com/watch?v={INTTEXT}[/youtube]

HTML Replacement:
Code: Select all
<object width="500" height="350"><param name="movie" value="http://www.youtube.com/v/{INTTEXT}?fs=1&amp;hl=en_GB&amp;color1=0x3a3a3a&amp;color2=0x999999"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/{INTTEXT}?fs=1&amp;hl=en_GB&amp;color1=0x3a3a3a&amp;color2=0x999999" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="350"></embed></object>

I think this only works when there's no extra stuff after the video ID though.

And for Vimeo:
BBCode Usage:
Code: Select all
[vimeo]http://vimeo.com/{NUMBER}[/vimeo]

HTML Replacement:
Code: Select all
<object width="500" height="350"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id={NUMBER}&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id={NUMBER}&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00adef&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="350"></embed></object>
User avatar
DevLuke
Preset Peasant (Premium)
 
Posts: 34
Joined: Wed Jul 25, 2012 5:32 pm
Location: Northern Ireland

Re: How to embed Soundcloud, Youtube or Images to the forum.

Postby ConfusionGrows » Thu Sep 20, 2012 2:12 pm

Is it possible to resize images when using an img tag?
User avatar
ConfusionGrows
Lord of Leads (Solo)
 
Posts: 1192
Joined: Sat May 21, 2011 2:01 am

Re: How to embed Soundcloud, Youtube or Images to the forum.

Postby DevLuke » Thu Sep 20, 2012 3:12 pm

Not with the standard image tag, but I know of a custom BBCode that will do the job.
User avatar
DevLuke
Preset Peasant (Premium)
 
Posts: 34
Joined: Wed Jul 25, 2012 5:32 pm
Location: Northern Ireland


Next

Return to Dirty Bass Composition Competition - [Closed]

Who is online

Users browsing this forum: No registered users and 1 guest