1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

[A Bit of Help] BB Media Sites

Discussion in 'XenForo Questions and Support' started by HoddzDJ, Oct 23, 2010.

  1. HoddzDJ

    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 =]
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    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.
     
  3. HoddzDJ

    HoddzDJ Active Member

    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 =]
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Well with a bit of luck, custom BB Code will be available with 1.0 so you will be able to do what you want then.
     
    HoddzDJ likes this.
  5. HoddzDJ

    HoddzDJ Active Member

    Oh yeah boi!! Can't wait, although I will have to try and get my head around it then, haha!! Cheers for the help so far though Brogan, much appreciated!!
     
  6. HoddzDJ

    HoddzDJ Active Member

    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.
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    That will be possible with multiple parameter BB Code.
    I have custom BB Code on my site which has 2 or 3 different variables.
     
  8. HoddzDJ

    HoddzDJ Active Member

    I am interested now Mr... any chance of a hand to get it on mine?! =]
     
  9. Brogan

    Brogan XenForo Moderator Staff Member

    Sorry, I meant on my existing non-XF site.
     
  10. HoddzDJ

    HoddzDJ Active Member

    Ah I see, I see! Fair play, atleast it's possible. Let's just hope we can add custom BB code to xF when it's in the stables then =].
    Neeeigh!!
     
  11. D.O.A.

    D.O.A. Well-Known Member

    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.PNG
     
  12. HoddzDJ

    HoddzDJ Active Member

    Is that just a bb code or something alse?
     
  13. Brogan

    Brogan XenForo Moderator Staff Member

    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?
     
  14. D.O.A.

    D.O.A. Well-Known Member

    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.
     
  15. HoddzDJ

    HoddzDJ Active Member



    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 =]
     
    D.O.A. likes this.

Share This Page