[A Bit of Help] BB Media Sites

HoddzDJ

Active member
Good evening all, I hope this week so far has been rather constructive for you all. I am at a bit of a loose end when it comes to the BB Media Site embeds. I have had fun with them so far, and have managed to get them partially working with a site called Track it Down (http://www.trackitdown.net) but would like to ask a few questions to see if I can get it to work exactly as it does on their site.

Now, if you have visited their site you will see the big player on the right hand side of the page, this is not what I want. However, if you go to any track on the website, you can create what they call a "HTML Sticker" for the track, and embed it onto your site, this is what I'm looking for!!
(http://www.trackitdown.net/genre/hard_dance/track/2757939.html here is a track, scroll down and click on "Get a HTML Sticker for this track")

Once the code coms up for it, there are a couple different things I will need to use as the {$id} and I was wondering is there a way to grab more than one of them, or can I only get one from the BB Media Site code?

I hope I have been clear enough to get some help!! If you want to see what I have currently, then head over to http://www.restlessravers.com/index.php?threads/new-force-9-release-on-pre-sale-boomin.26/

Thanks in advance (as always) as we are all learning this at the same time =]
 
Moved to general support.

I'm not quite sure on what you're asking but it seems to involve some custom BB Code which currently isn't supported.

From what I can see only $id is permitted in the media code so multiple parameters aren't possible.
 
Well I have used the {$id} for the number, but the image of the artwork would have to be in there somewhere aswell, but I guess if I can't have two parameters then I shall go without. It doesn't really matter, just would of been ideal!! Still functions well without though =]
 
Code:
<div style="background:url(http://www.trackitdown.net/stickers/1/sticker_track_bg.png) top left no-repeat; width:300px; height:118px; text-align:left">
 	<div style="float:right; margin-top:10px; margin-right:10px;">
 		<object width="170" height="64">
 			<param name="movie" value="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/2567407"></param> 			<param name="wmode" value="transparent"></param>
 			<embed src="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/2567407" type="application/x-shockwave-flash" wmode="transparent" width="170" height="64"></embed>
 		</object>
 		<a href="http://www.trackitdown.net/genre/house/track/2567407.html" style="display:block; width:170px; height:35px; font-size:8px"><span style="display:none;">&nbsp;</span></a>
 	</div>
 	<a href="http://www.trackitdown.net/genre/house/track/2567407.html"><img src="http://images2.trackitdown.net/graphics/415/415641__feature.png" border="0" width="99" height="99" style="float:left; margin:10px 0 0 10px;"></a>
</div>
Above is the code directly from track it down, for how to embed that single track into a static html page, but we don't want that, we want to be able to adapt that code for use in posts, to display a user defined track.

There are three things we need to get to make it look exactly as it should on a static html page...
1. The unique number at the end of the flash player, to grab the track that actually plays.
(http://www.trackitdown.net/track/sticker_xml/2567407)
2. The link to visit the page where you can buy the track.
(http://www.trackitdown.net/genre/house/track/2567407.html)
3. The url of the album art.
(http://images2.trackitdown.net/graphics/415/415641__feature.png)

Now, the main thing (that I have already put onto my site) is the flash bit, the rest has been left out for the time being until I figure out a way to do it, or until the custom BB codes come in. The thing that makes this so hard, is the fact there are a few different numbers and links to input.

You may think that the number is the same for numbers 1 and 2, but it's not a static url, and the genre/house link could change to something like genre/hardcore or genre/hard_dance depending on the genre of the track that is to be embedded, so this creates our first problem.

The second problem, is grabbing the link for number 3. So in theory we'd need to use three different {$id} codes to grab all three bits of information.
 
I am interested now Mr... any chance of a hand to get it on mine?! =]

This will work, you need nothing more:

ID: trackitdown
TITLE: trackitdown
URL: http://trackitdown.net

Match URL:
Code:
http://www.trackitdown.net/track/sticker_xml/{$id}

html embed:
Code:
<div style="background:url(http://www.trackitdown.net/stickers/1/sticker_track_bg.png) top left no-repeat; width:300px; height:118px; text-align:left">
<div style="float:right; margin-top:10px; margin-right:10px;">
<object width="170" height="64">
<param name="movie" value="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/{$id}">
</param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/{$id}" type="application/x-shockwave-flash" wmode="transparent" width="170" height="64"></embed>

paste that entire embed link from the site

Code:
<div style="background:url(http://www.trackitdown.net/stickers/1/sticker_track_bg.png) top left no-repeat; width:300px; height:118px; text-align:left"> 	<div style="float:right; margin-top:10px; margin-right:10px;"> 		<object width="170" height="64"> 			<param name="movie" value="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/2757939"></param> 			<param name="wmode" value="transparent"></param> 			<embed src="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/2757939" type="application/x-shockwave-flash" wmode="transparent" width="170" height="64"></embed> 		</object> 		<a href="http://www.trackitdown.net/genre/hard_dance/track/2757939.html" style="display:block; width:170px; height:35px; font-size:8px"><span style="display:none;">&nbsp;</span></a> 	</div> 	<a href="http://www.trackitdown.net/genre/hard_dance/track/2757939.html"><img src="http://images2.trackitdown.net/graphics/312/312805__feature.png" border="0" width="99" height="99" style="float:left; margin:10px 0 0 10px;"></a> </div>

done ;)

Capture.webp
 
using this you can get the player, music and links but not the thumbnail image, that has a different ID altogether :(

Code:
<div style="background:url(http://www.trackitdown.net/stickers/1/sticker_track_bg.png) top left no-repeat; width:300px; height:118px; text-align:left"> 	
<div style="float:right; margin-top:10px; margin-right:10px;"> 		
<object width="170" height="64"> 			
<param name="movie" value="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/{$id}"></param> 			
<param name="wmode" value="transparent"></param> 			
<embed src="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/{$id}" type="application/x-shockwave-flash" wmode="transparent" width="170" height="64"></embed> 		
</object> 		
<a href="http://www.trackitdown.net/genre/hard_dance/track/{$id}.html" style="display:block; width:170px; height:35px; font-size:8px"><span style="display:none;">&nbsp;</span></a> 	
</div> 	
<a href="http://www.trackitdown.net/genre/hard_dance/track/{$id}.html">
<img src="http://images3.trackitdown.net/graphics/363/363306__feature.png" border="0" width="99" height="99" style="float:left; margin:10px 0 0 10px;"></a>
</div>

Code:
http://images3.trackitdown.net/graphics/363/363306__feature.png

you could replace that image with something of your own for the time being, but you will need another way to replace that for each artist.
 
That's media bbcode which can be added in the ACP. It only uses 1 unique ID string though and I understood you needed more than 1?

using this you can get the player, music and links but not the thumbnail image, that has a different ID altogether :(

Code:
<div style="background:url(http://www.trackitdown.net/stickers/1/sticker_track_bg.png) top left no-repeat; width:300px; height:118px; text-align:left">
<div style="float:right; margin-top:10px; margin-right:10px;">
<object width="170" height="64">
<param name="movie" value="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/{$id}"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.trackitdown.net/stickers/1/sticker_track.swf?persistent=false&defaultPlaylist=http://www.trackitdown.net/track/sticker_xml/{$id}" type="application/x-shockwave-flash" wmode="transparent" width="170" height="64"></embed>
</object>
<a href="http://www.trackitdown.net/genre/hard_dance/track/{$id}.html" style="display:block; width:170px; height:35px; font-size:8px"><span style="display:none;">&nbsp;</span></a>
</div>
<a href="http://www.trackitdown.net/genre/hard_dance/track/{$id}.html">
<img src="http://images3.trackitdown.net/graphics/363/363306__feature.png" border="0" width="99" height="99" style="float:left; margin:10px 0 0 10px;"></a>
</div>

Code:
http://images3.trackitdown.net/graphics/363/363306__feature.png

you could replace that image with something of your own for the time being, but you will need another way to replace that for each artist.

I could use that, but then it would not link correctly, and also the image for the track would always be the same as you have already stated. I just need to hope and pray that when XF is released in stable mode, that custom bb code is here and that Brogan will help me out if required =]
 
Top Bottom