[RD] Music Player in Mini Profile.

[Alanna 🥀🖤]

On my forum here, I'm trying to find a code to add a small Music Player that can pause and play in the mini profile of all members and where they can add their music by that of a URL from YouTube when they edit their profile. Something like this?


Thanks, this would be great if I can do this!

Edit: The only problem I have is getting the music player to connect to the new field I created in the profile modification.

I'm using this code for the Music Player:

<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="30">
   <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
   <param name="bgcolor" value="#f9f9f9" />
   <param name="FlashVars" value="mp3=&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=5d4847" /><param name="FlashVars" value="mp3=MP3MUSICHERE" />
</object>

Then I'm using the CrossFury, with the other code needed for it to work here, hack to add in a new field to the Profile Modification, however, I have no idea how to get the two connected so when a member pastes a URL from YouTube into the new field, the Music Player will play it. Help?

[Alanna 🥀🖤]

Bump?

[Alanna 🥀🖤]

Bump? I really need help on this please!

[Chris]

This is theoretically feasible using one of the mini-profile replace codes (by California or by subDevo). What remains to be seen is can the player from player.net do what you're asking it do which is accept an url from youtube.com and extract an appropriate audio stream and play it all without user intervention. Do you have a working example (link) of this specific player doing such a thing?

[Alanna 🥀🖤]

I'm already using a mini-profile hack code to customize it and have the music player already inside it on my test site as well as the text field option for the YouTube URL in the profile modification, my only problem is connecting the two. Here is the test site: HERE.

And, if a URL from YouTube won't work to connect them, possibly a different option that members can still choose their own music to put in their mini profiles?

[Chris]

what I am saying is this flash player you want to use is apparently expecting an MP3 file ONLY (FAQ: "You need to encode mp3 with 44KHz.") while most freeware flash players would also accept FLV, MP4, 3GP, etc.

I've very rarely seen a youtube video offering a MP3 (audio only) stream which this particular player implies is required ...

Second even if the youtube video offered an audio only stream it would be beyond the scope of a simple javascript code to find then extract such a stream. This would all traditionally be on the player itself, I used to use an open source player named JW (now longtailvideo) but haven't checked it in years

[Alanna 🥀🖤]

Okay, well would a converter work? Like this one here?

Now is it possible and if so can you tell me how?

[Chris]

Aug 24, 2012 13:26:05 GMT -8 @khristian said:

Okay, well would a converter work? Like this one here?

Now is it possible and if so can you tell me how?

That looks promising but you know that you wold then need to host the file yourself (after downloading the converted file) on a server that properly served it up with the audio/mpeg content type...

[Alanna 🥀🖤]

Well, if you tell me how that's done I can do it no doubt.

[Chris]

It's like uploading anything else, find a server that allows you to upload mp3 files and upload it then get the url. Once that is done I can instruct further (note: it would be better if everyone who converts a file upload to the same agreed upon server to save space in crossfury)

[Alanna 🥀🖤]

It took 10 different hosting sites to finally find one that worked, but here is the file: k003.kiwi6.com/hotlink/p8tvuu7g87/6._tire_swing_-_juno_soundtrack.mp3

And here's the site I found: kiwi6.com/

[Chris]

Aug 24, 2012 14:09:20 GMT -8 @khristian said:

It took 10 different hosting sites to finally find one that worked, but here is the file: k003.kiwi6.com/hotlink/p8tvuu7g87/6._tire_swing_-_juno_soundtrack.mp3

And here's the site I found: kiwi6.com/

Does that site allow you to choose the name because the shorter the better?

Anyhow since you're using the build your own miniprofile code this will require an unorthodox workaround since I have a vague memory that it limits you to having money beside the standard stuff like gender and posts.

• 1. editing code:

  If this is indeed the case (BYOMP "limits you to having money") then you'll need to create an option by the name of "Money" in crossfury and instruct your members to use that for the song they have uploaded on kiwi6.com then in your mini_profile_member template of the BYOMP code change the spot you have for money from Marks: ##value to Song: ##value

  
  
  
• 2. editing code(alternate):

  if this is not the case (BYOMP "does not limit you to having money") then just go ahead and create a "Song" option in crossfury and skip the previous template editing step

  
  
  
• 3. adding song to profile:

  I'll use the URL you posted as an example
  
  k003.kiwi6.com/hotlink/p8tvuu7g87/6._tire_swing_-_juno_soundtrack.mp3
  
  due to limited space in crossfury the red part of the url is what members would enter for their own uploaded song (obviously would be different for each song) and the subDevo code would then look for Money in the profile and grab the song then reconstruct the embed using that info.

  
  
  
• 4. subDevo code:

  copy this code and add it below the BYOMP code then change this part of the codevar fRep=[ // "Text to Replace", "Replacement".
  ["Exalt","Like"],
  ["Smite","Dislike"]
];
tovar fRep=[ // "Text to Replace", "Replacement".
  [/Song: (.+?)<(\/td|br\s*\/?)>/i,function(m,p,p1){
p= encodeURIComponent(("http://k003.kiwi6.com/hotlink/"+p+".mp3"));
var emb = a.getElementsByTagName('object')[0];
emb = emb.parentNode.replaceChild(document.createElement('span'),emb);
emb.innerHTML = ('<object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="30"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#f9f9f9" /><param name="FlashVars" value="mp3=$mp3$&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=5d4847" /></object>'
.replace(/\$mp3\$/,p))
return p1.toLowerCase()=="br"?"":"<"+p1+">";
}]];

  
  

[Alanna 🥀🖤]

Question first before I try this: Will adding the Music eliminate my Money and have it no longer be shown in the Mini Profile?

[Chris]

Aug 24, 2012 17:42:44 GMT -8 @khristian said:

Question first before I try this: Will adding the Music eliminate my Money and have it no longer be shown in the Mini Profile?

I'm not seeing any money code installed which is why I suggested it, did I miss it?

[Alanna 🥀🖤]

This is the actually the site I'm going to be posting it on: HERE, that other one was my test site to see if it would work first... Sorry.

And, I just tried doing what you asked on the actual site and I can't figure it out whatsoever and the CrossFury won't even work. When I click "Create New Profile Option" it just goes to Global Headers and Footers.