PDA

View Full Version : Profile Enhancements - LoudFusion Profile Music Player


TheInsaneManiac
01 Feb 2009, 05:42
I have a huge bored with tons of members, so I try to keep plugins to a minimal. Most of the players I have seen are not only products, but aren't thought out very well. I use loudfusion.com since it's the only music player that will actually work on myspace. After using it for awhile, I've fallen in love with it. There are even multiple players to choose from. Right now I have it set up to use the simple player, but if the community needs help adding other players then I shall assist.

Template Edits: 1
Profile Fields: 2

Step 1
Admin -> User Profile Fields -> Add New User Profile Field

Single-Line Text Box
Title: Music
Description: Put your loudfusion.com ID here.<br>Example: http://www.loudfusion.com/profile.php?id=<b><u>402625</u></b>
Max length of allowed user input: 12
Private Field: Yes
Field Searchable on Members List: No
Show on Members List: No


Step 2
Admin -> User Profile Fields -> Add New User Profile Field

Single-Line Text Box
Title: Music Playlist
Description: You can use playlists from loudfusion by getting the folder ID from the code.<br>Example: USERID=402625&FOLDERID=<b><u>47450</u></b>
Max length of allowed user input: 12
Private Field: Yes
Field Searchable on Members List: No
Show on Members List: No


Step 3
In MEMBERINFO find:
$blocks[stats_mini]

Below add:
<!-- Music -->
<if condition="$userinfo[fieldM]">
<div id="$id" class="tborder content_block">
<h4 class="thead block_title">
<a href="#top" class="collapse_gadget" onclick="return toggle_collapse('$id')"><img id="collapseimg_$id" src="$stylevar[imgdir_button]/collapse_generic{$vbcollapse['collapseimg_'.$id]}.gif" alt="" border="0" /></a>
<a name="$id"></a>
<span class="block_name">Music</span>
</h4>
<div class="block_content" id="collapseobj_$id" style="{$vbcollapse['collapseobj_'.$id]}"><div class="alt1 smallfont block_row block_footer">
<p align="center">
<embed src="http://www.loudfusion.com/widgets/music/5" name="Music" quality="high" wmode="transparent" flashvars="USERID=$userinfo[fieldM]<if condition="$userinfo[fieldMP]">&FOLDERID=$userinfo[fieldMP]</if>" width="235" height="150" type="application/x-shockwave-flash"></embed>
</p>
</div></div>
</div>
</if>
<!-- / Music -->


Step 4
In the above code find the 2 instances of $userinfo[fieldM] and replace the M with the field ID of your Music Profile Field and find the 2 instances of $userinfo[fieldMP] and replace the M with the field ID of your Music Playlist Profile Field

SwollenCranium
01 Feb 2009, 18:57
Got a link to a working player in a profile ?


Edit:

Never mind .. Installed, flawless.

Thanks.

TheInsaneManiac
01 Feb 2009, 23:46
There really isn't a need for the following code as the music player doesn't eat any bandwidth, however I am sure it will be asked.

If you wish to only show the player to registered members then you can use the following code:
<!-- Music -->
<if condition="is_member_of($vbulletin->userinfo, 2, 3, 6, 7)">
<if condition="$userinfo[fieldM]">
<div id="$id" class="tborder content_block">
<h4 class="thead block_title">
<a href="#top" class="collapse_gadget" onclick="return toggle_collapse('$id')"><img id="collapseimg_$id" src="$stylevar[imgdir_button]/collapse_generic{$vbcollapse['collapseimg_'.$id]}.gif" alt="" border="0" /></a>
<a name="$id"></a>
<span class="block_name">Music</span>
</h4>
<div class="block_content" id="collapseobj_$id" style="{$vbcollapse['collapseobj_'.$id]}"><div class="alt1 smallfont block_row block_footer">
<p align="center">
<embed src="http://www.loudfusion.com/widgets/music/5" name="Music" quality="high" wmode="transparent" flashvars="USERID=$userinfo[fieldM]<if condition="$userinfo[fieldMP]">&FOLDERID=$userinfo[fieldMP]</if>" width="235" height="150" type="application/x-shockwave-flash"></embed>
</p>
</div></div>
</div>
</if>
</if>
<!-- / Music -->

You can change what groups are allowed to view the player by changing 2, 3, 6, 7 to the groups you want to allow. Just remember to set the fields up.

Note: If you have other groups besides Admins, Mods, and Members, be sure to add those groups.

Jon Tolzien
02 Feb 2009, 04:53
Does this interfere with copyright laws... Can you stream live music that is not your own or don't have permission to do so? Just curious what the ramifications are.

TheInsaneManiac
02 Feb 2009, 20:20
As far as I know it shouldn't. The embedded code is allowed on myspace considering there were issues with playlist.com.

You can read more about the block here (http://news.cnet.com/8301-17939_109-10127653-2.html).

As far as loudfusion's music goes, they don't allow you to link to your own content instead they use it from external websites. Where you can search them here (http://www.loudfusion.com/music.php).

As I stated though I'm not sure, I would imagine any trouble would be directed to loudfusion themselves, however you can take a look at their terms of service (http://www.loudfusion.com/sub_content.php?view=terms).

TandyServices
10 Feb 2009, 14:24
So where do I find that Folder ID? Feel like a noob but really cant find it..

CRP
11 Feb 2009, 03:27
Is there a way to make turn autoplay on or off?

Works great.

DarkGizmo
11 Feb 2009, 05:30
Does this allow users to make their own playlists for their profiles? That would be cool. :)

BlackJacket
13 Feb 2009, 16:10
Installed and works great. Thanks!

BlackJacket
13 Feb 2009, 16:10
Does this allow users to make their own playlists for their profiles? That would be cool. :)

Yes. :)

BlackJacket
13 Feb 2009, 17:20
How come when i view other members profiles i dont see their player?

itsheinz
16 Feb 2009, 05:27
So where do I find that Folder ID? Feel like a noob but really cant find it..

Same as mine ..i dont know where to find my Music Playlist ID/folder..Where we can find it?

gemmk1
22 Feb 2009, 11:46
DOES NOT WORK I HAVE DONE EVERYTHING YOU SAID AND IT EITHER SAYS TRYING TO CONNECT TO XML OR THE MEDIA CAN NOT BE PLAYED.pLEASE HELP

SwollenCranium
22 Feb 2009, 17:36
So where do I find that Folder ID? Feel like a noob but really cant find it..

Same as mine ..i dont know where to find my Music Playlist ID/folder..Where we can find it?


One of my members wrote a rudimentary "how" to for this.

Find it here --> Loudfusion set up (http://swollencranium.com/forums/showthread.php?t=1585)<---

Link is open for public view no need to register.

gemmk1
22 Feb 2009, 21:03
One of my members wrote a rudimentary "how" to for this.

Find it here --> Loudfusion set up (http://swollencranium.com/forums/showthread.php?t=1585)<---

Link is open for public view no need to register.

Your forum is great it really helps i would recomend anyone having a look who is have promblems finding the userid .But i think my promblem is i have done something wrong in the scripting its there but does not want to play any songs.Thanks for this easy to follow guide

gemmk1
23 Feb 2009, 22:04
The folder id is the name of your playlist folder

TheInsaneManiac
27 Feb 2009, 23:56
DOES NOT WORK I HAVE DONE EVERYTHING YOU SAID AND IT EITHER SAYS TRYING TO CONNECT TO XML OR THE MEDIA CAN NOT BE PLAYED.pLEASE HELP

Because you have not set it up properly.

Be sure you set up the profile fields and change the fields in the code.


How come when i view other members profiles i dont see their player?

Refer to the second post. You need to give all your usergroups proper permissions.

jambo_1969
28 Feb 2009, 14:36
Top wee addition...

Remember kids - there are 2, that's TWO of each field id to change in the memberinfo template...

:D

The Big Three
10 Mar 2009, 03:29
Can this be used for 3.7?

TheInsaneManiac
10 Mar 2009, 05:24
Can this be used for 3.7?
Yes, the same applies to all VB Version that uses the profile blocks.

Keesa
14 Mar 2009, 11:06
One of my members wrote a rudimentary "how" to for this.

Find it here --> Loudfusion set up (http://swollencranium.com/forums/showthread.php?t=1585)<---

Link is open for public view no need to register.


You rock so hard. I have linked to you from our forum.

As for this mod:
Does anyone have any idea how to NOT have this open at 100% volume?

SwollenCranium
14 Mar 2009, 21:43
You rock so hard. I have linked to you from our forum.

As for this mod:
Does anyone have any idea how to NOT have this open at 100% volume?



Yep.


On your loud fusion account;

1. Select "account settings"

2. Select "playlist options" from there you have a variety of settings that you can adjust, from volume to color.

3. Save.

4. Refresh your browser and the new settings should be set.

ChatZ
18 Mar 2009, 17:28
Ok I have edited EVERYTHING as followed;

set up both profile fields exactly, edited memberinfo template and changed M's and MP's (4 in total), added the loudfusion id's in my profile & USELESS. Doesn't work, can anyone help?

itsheinz
18 Mar 2009, 19:37
^well if you did everything that is required are you sure you put exactly your loudfusion id and loudfusion folder id?(your playlist) make sure of that as well coz this was perfectly workin with me.

Alien
22 Mar 2009, 17:19
Works great.

Thank you so much for this!

The Big Three
12 Apr 2009, 01:07
Installed. I love this. Is there anyway I user could turn these off though?

TheInsaneManiac
15 Apr 2009, 03:30
Installed. I love this. Is there anyway I user could turn these off though?

If a user doesn't enter any information into the field, the music player won't be displayed.

DeviantFlash
01 Jun 2009, 06:01
Ok
Having a problem with this. I believe I have the code from the third post installed correctly.

I believe I had the user id and the playlist id put in the proper places.

I still dont see anything on my board.

I am thinking that the player should show up or the box should show up even if it is configured incorrectly. Am I wrong in making that assumption

DeviantFlash
07 Jun 2009, 15:23
Guess I will write a followup with more information because my users are begging for this feature.

This is what I have in my UserCP per instructions.

URL=http://s90.photobucket.com/albums/k260/Internet+++++/?action=view&current=ProfileFields.jpg]http://i90.photobucket.com/albums/k260/Internet+++++/th_ProfileFields.jpg[/URL]

I believe I have made the proper changes to the memberinfo file as well. Enclosed is a copy of that file.

$stylevar[htmldoctype]
<html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude

$usercss
$memberinfo_css
<style type="text/css" id="vbulletin_tabctrl_css">
@import url("clientscript/vbulletin_tabctrl.css?v=$vboptions[simpleversion]");
<if condition="$show['rtl']">@import url("clientscript/vbulletin_tabctrl_rtl.css?v=$vboptions[simpleversion]");</if>
</style>

<script type="text/javascript" src="clientscript/vbulletin_tabctrl.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript" src="clientscript/vbulletin_quick_edit_generic.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript" src="clientscript/vbulletin_quick_edit_visitormessage.js?v=$vboptions[simpleversion]"></script>

<title>$vboptions[bbtitle] - $vbphrase[view_profile]: $userinfo[username]</title>

<if condition="$userinfo['userid'] == $bbuserinfo['userid']">
<script type="text/javascript" src="clientscript/vbulletin_profilefield_edit.js?v=$vboptions[simpleversion]"></script>
</if>
<script type="text/javascript">
<!--
vbphrase['server_failed_respond_try_again'] = "$vbphrase[server_failed_respond_try_again]";
vbphrase['edit_value'] = "$vbphrase[edit_value_js]";

<if condition="$show['post_visitor_message']">
function goto_post_pm()
{
vB_TabCtrls['profile_tabs'].switch_tab('visitor_messaging');
fetch_object('visitor_messaging').scrollIntoView();

var textarea = fetch_object('visitor_message_form_textarea');
if (textarea)
{
textarea.focus();
textarea.select();
}
return false;
}
</if>
-->
</script>

</head>
<body>

$header
$navbar


<!-- begin user css -->
<div id="usercss" class="floatcontainer">

<div id="content_container">
<div id="content">

<div id="main_userinfo" class="floatcontainer">
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<if condition="$blocks['profile_picture']">
<td id="profilepic_cell" class="tborder alt2">$blocks[profile_picture]</td>
</if>
<td valign="top" width="100%" id="username_box"<if condition="$prepared['profilepicurl']"> class="profilepic_adjacent"</if>>
<if condition="$prepared['rank'] OR $prepared['reputationdisplay']">
<div id="reputation_rank">
<if condition="$prepared['reputationdisplay']">
<div id="reputation">$prepared[reputationdisplay]</div>
</if>
<if condition="$prepared['rank']">
<div id="rank">$prepared[rank]</div>
</if>
</div>
</if>
<h1>$prepared[musername] $prepared[onlinestatus]</h1>
<if condition="$prepared['usertitle']">
<h2>$prepared[usertitle]</h2>
</if>
</td>
</tr>
</table>

<!-- link bar -->
<div class="tborder content_block" id="link_bar">
<ul class="thead block_row block_title list_no_decoration floatcontainer">
<if condition="$prepared['myprofile']">
<if condition="$show['can_customize_profile']">
<li class="thead" id="usercss_switch_link"><a href="profile.php?$session[sessionurl]do=customize">$vbphrase[customize_profile]</a></li>
</if>
<else />
<if condition="$show['usercss_switch']">
<li class="thead" id="usercss_switch_link"><a href="profile.php?$session[sessionurl]do=switchusercss&amp;hash=$bbuserinfo[logouthash]&amp;u=$prepared[userid]">$usercss_switch_phrase</a></li>
</if>
</if>

<if condition="$show['contactlinks']">
<li class="thead" id="minicontact"><a href="#contactinfo">$vbphrase[send_message]</a> <script type="text/javascript">vBmenu.register("minicontact");</script></li>
</if>

<if condition="$show['userlists']">
<li class="thead" id="userlists"><a href="profile.php?$session[sessionurl]do=buddylist&amp;nojs=1">$vbphrase[user_lists]</a> <script type="text/javascript">vBmenu.register("userlists");</script></li>
</if>

<if condition="$show['usernotes']">
<li class="thead"><a href="usernote.php?$session[sessionurl]u=$prepared[userid]">$vbphrase[user_notes] ($prepared[usernotecount])</a></li>
</if>

<if condition="$show['edit_profile']">
<li class="thead"><a href="moderator.php?$session[sessionurl]do=useroptions&amp;u=$userinfo[userid]">$vbphrase[edit_user_profile]</a></li>
</if>

</ul>

<!-- current activity -->
<if condition="$prepared['lastactivitydate'] OR $prepared['action']">
<div class="alt2 smallfont block_row" id="activity_info">
<if condition="$prepared['lastactivitydate']">
<div id="last_online">
<span class="shade">$vbphrase[last_activity]:</span> $prepared[lastactivitydate]<if condition="!$show['detailedtime']"> <span class="time">$prepared[lastactivitytime]</span></if>
</div>
</if>
<if condition="$prepared['action']">
<span class="shade">$vbphrase[current_activity]:</span> $prepared[action] $prepared[where]
</if>
</div>
</if>
<!-- / current activity -->

</div>
<!-- / link bar -->

<!-- user list menu -->
<ul id="userlists_menu" class="vbmenu_popup list_no_decoration" style="display: none">
<li class="thead first"><phrase 1="$prepared[username]">$vbphrase[user_lists]</phrase></li>
<if condition="$prepared['canbefriend']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=friend&amp;u=$prepared[userid]"><if condition="$prepared['requestedfriend']">$vbphrase[confirm_friendship_request]<else />$vbphrase[add_to_friends_list]</if></a>
</li>
</if>
<if condition="$prepared['isfriend']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=removelist&amp;userlist=friend&amp;u=$prepared[userid]">$vbphrase[remove_from_friends_list]</a>
</li>
</if>
<if condition="$show['addbuddylist']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$prepared[userid]">$vbphrase[add_to_contacts]</a>
</li>
</if>
<if condition="$show['removebuddylist']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=removelist&amp;userlist=buddy&amp;u=$prepared[userid]">$vbphrase[remove_from_contacts]</a>
</li>
</if>
<if condition="$show['addignorelist']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=ignore&amp;u=$prepared[userid]">$vbphrase[add_to_ignore_list]</a>
</li>
</if>
<if condition="$show['removeignorelist']">
<li class="vbmenu_option">
<a href="profile.php?$session[sessionurl]do=removelist&amp;userlist=ignore&amp;u=$prepared[userid]">$vbphrase[remove_from_ignore_list]</a>
</li>
</if>
</ul>

<if condition="$show['contactlinks']">
<!-- contact popup menu -->
<ul id="minicontact_menu" class="vbmenu_popup list_no_decoration" style="display:none">
<if condition="$show['post_visitor_message'] OR $show['pm'] OR $show['email']">
<li class="thead first"><phrase 1="$prepared[username]">$vbphrase[send_message_to_x]</phrase></li>
</if>
<if condition="$show['post_visitor_message']"><li class="vbmenu_option"><img src="$stylevar[imgdir_button]/sendtofriend.gif" alt="" class="alt2 inlineimg" /> <a href="visitormessage.php?$session[sessionurl]do=message&amp;u=$prepared[userid]" onclick="return goto_post_pm();"><phrase 1="$prepared[username]">$vbphrase[post_a_visitor_message_for_x]</phrase></a></li></if>
<if condition="$show['pm']">
<li class="vbmenu_option"><img src="$stylevar[imgdir_button]/sendtofriend.gif" alt="" class="alt2 inlineimg" /> <a href="private.php?$session[sessionurl]do=newpm&amp;u=$prepared[userid]" rel="nofollow"><phrase 1="$prepared[username]">$vbphrase[send_private_message_to_x]</phrase></a></li>
</if>
<if condition="$blocks['contactinfo']">
<if condition="$show['email']"><li class="vbmenu_option"><img src="$stylevar[imgdir_button]/sendtofriend.gif" alt="" class="alt2 inlineimg" /> <a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u=$prepared[userid]" rel="nofollow"><phrase 1="$prepared[username]">$vbphrase[send_message_via_email_to_x]</phrase></a></li></if>
<if condition="$prepared['hasimdetails']">
<li class="thead<if condition="!$show['post_visitor_message'] AND !$show['pm'] AND !$show['email']"> first</if>">$vbphrase[instant_messaging]</li>
<if condition="$prepared['icq']">
<li class="vbmenu_option"><img class="alt2 inlineimg" alt="" src="$stylevar[imgdir_misc]/im_icq.gif" /> <a href="#" dir="ltr" onclick="imwindow('icq', '$prepared[userid]', 500, 450); return false;"><phrase 1="$prepared[username]">$vbphrase[send_icq_message_to_x]</phrase></a></li>
</if>
<if condition="$prepared['aim']">
<li class="vbmenu_option"><img class="alt2 inlineimg" alt="" src="$stylevar[imgdir_misc]/im_aim.gif" /> <a href="#" dir="ltr" onclick="imwindow('aim', '$prepared[userid]', 400, 200); return false;"><phrase 1="$prepared[username]">$vbphrase[send_aim_message_to_x]</phrase></a></li>
</if>
<if condition="$prepared['msn']">
<li class="vbmenu_option"><img class="alt2 inlineimg" alt="" src="$stylevar[imgdir_misc]/im_msn.gif" /> <a href="#" dir="ltr" onclick="imwindow('msn', '$prepared[userid]', 400, 200); return false;"><phrase 1="$prepared[username]">$vbphrase[send_msn_message_to_x]</phrase></a></li>
</if>
<if condition="$prepared['yahoo']">
<li class="vbmenu_option"><img src="$stylevar[imgdir_misc]/im_yahoo.gif" alt="" class="alt2 inlineimg" /> <a href="#" dir="ltr" onclick="imwindow('yahoo', '$prepared[userid]', 400, 200); return false;"><phrase 1="$prepared[username]">$vbphrase[send_yahoo_message_to_x]</phrase></a></li>
</if>
<if condition="$prepared['skype']">
<li class="vbmenu_option"><img src="$stylevar[imgdir_misc]/im_skype.gif" alt="" class="alt2 inlineimg" /> <a href="#" dir="ltr" onclick="imwindow('skype', '$prepared[userid]', 400, 285); return false;"><phrase 1="$prepared[username]">$vbphrase[send_skype_message_to_x]</phrase></a></li>
</if>
</if>
</if>
</ul>
<!-- / contact popup menu -->
</if>
</div>

<div id="profile_tabs">
$template_hook[profile_left_first]
$blocks[visitor_messaging]
$blocks[aboutme]
$blocks[stats]
$blocks[friends]
$blocks[infractions]
$blocks[contactinfo]
$template_hook[profile_left_last]
</div>

<script type="text/javascript">
<!--
vBulletin.register_control("vB_TabCtrl", "profile_tabs", "$selected_tab", "&raquo;", "profile.php?u=2&do=loadtab&tabid={1:tabid}");
//-->
</script>

</div>
</div>

<div id="sidebar_container">
<!-- sidebar -->
$template_hook[profile_right_first]
$blocks[stats_mini]
<!-- Music -->
<if condition="$userinfo[field453921]">
<div id="$id" class="tborder content_block">
<h4 class="thead block_title">
<a href="#top" class="collapse_gadget" onclick="return toggle_collapse('$id')"><img id="collapseimg_$id" src="$stylevar[imgdir_button]/collapse_generic{$vbcollapse['collapseimg_'.$id]}.gif" alt="" border="0" /></a>
<a name="$id"></a>
<span class="block_name">Music</span>
</h4>
<div class="block_content" id="collapseobj_$id" style="{$vbcollapse['collapseobj_'.$id]}"><div class="alt1 smallfont block_row block_footer">
<p align="center">
<embed src="http://www.loudfusion.com/widgets/music/5" name="Music" quality="high" wmode="transparent" flashvars="USERID=$userinfo[field453921]<if condition="$userinfo[field56615P]">&FOLDERID=$userinfo[field56615P]</if>" width="235" height="150" type="application/x-shockwave-flash"></embed>
</p>
</div></div>
</div>
</if>
<!-- / Music -->
$template_hook[profile_right_mini]
$blocks[friends_mini]
$blocks[albums]
$template_hook[profile_right_album]
$blocks[groups]
$blocks[visitors]
$template_hook[profile_right_last]
<!-- / sidebar -->
</div>

<!-- end usercss -->
</div>

$footer

</body>
</html>

I am not seeing what I am doing incorrect. If someone could give me some help with this it would be greatly appreciated.

DeviantFlash
12 Jun 2009, 00:32
Nevermind. I got it.

Puntal
15 Jun 2009, 11:56
How do i add this to the CMPS home page?So it shows there as well as the memberinfo,or maybe instead of..

TheInsaneManiac
28 Jun 2009, 04:21
How do i add this to the CMPS home page?So it shows there as well as the memberinfo,or maybe instead of..

I don't use Portals, so I am unsure on this issue.

DeviantFlash
21 Aug 2009, 02:12
Is this working with 3.8.4?

TheInsaneManiac
28 Sep 2009, 09:43
Is this working with 3.8.4?
Works with 3.8.3, so it should with 3.8.4.

gerbil249
09 Oct 2009, 04:02
Loudfusion.com is down, the site doesn't work? Can this be coded using playlist.com? Will it be back up?

TheInsaneManiac
19 Nov 2009, 17:28
Loudfusion.com is down, the site doesn't work? Can this be coded using playlist.com? Will it be back up?
It's been back up. PM me if you would still like it to be coded to work with playlist.com