Music Player In Mini-Profile?

[Former Member]

Forum URL: crosswire.boards.net/

so i've been seeing this around on v4 sites a bit and i love it a lot, the only problem im having is getting the section where you'd plug in the mp3 link to show up when someone goes to edit their profile... im getting the code/ following everything from this post: support.proboards.com/thread/422671/rd-music-player-mini-profile

i'd really appreciate some help with this! i may just be something small since the code itself is working ( i think ) with v5. also for those who click my forum link i have removed the code from it mostly because it's an open site and people will wonder and ask questions about why something they can't use is up/ i dont want to mess around with things and mess up any coding that shouldn't be messed up. if that's an issue just tell me and ill put it back up.

[Former Member]

bump ~

[Tumbleweed]

Hi @bonnibel,

I don't think I'll be able to help you with this so I'm going to tag Chris and see if he'd be willing to take a look. I think it might be a bit more simple with V5 (or not) since we have the mini-profile template to work with, but I'm afraid I'm just not savvy enough to help you out.

[Chris]

I took a look but without the url to an actual kiwi tune for testing purposes I cannot get started, if you can provide one then we're off to the races.

[Former Member]

thank you both for the help! <3 I'm sorry I didn't provide one before but here you go:
k005.kiwi6.com/hotlink/2v3f76kb55/04_-_closer_-naruto_opening_ver.-.mp3
Hopefully this will work and help you to help me lol~

[Chris]

May 23, 2013 11:39:51 GMT -8 @bonnibel said:

thank you both for the help! <3 I'm sorry I didn't provide one before but here you go:
k005.kiwi6.com/hotlink/2v3f76kb55/04_-_closer_-naruto_opening_ver.-.mp3
Hopefully this will work and help you to help me lol~

I apologize for the delay but after some debate weighing alternatives I decided something this trivial would not merit using one of your forum's two super user keys and placed the plugin on a back burner. The more economical alternative is a bit more involved than just setting options in a plugin but once you have it setup it should work just like the V4 version of the code.

To begin enter your Admin panel and under members create a new custom profile field named "kiwi6". Make sure it is set to display in mini-profile since this template edit is only concerned with the mini-profile and not the full profile.



This will create a new entry on the personal tab when a user edits their profile



Now go to your Layout Templates under Themes and edit the mini-profile template.



You'll be replacing the highlighted section (lines 24, 25 and 26 on a default version) with the following code

code:

{foreach $[user.mini_custom_field]}
	{if $[user.mini_custom_field.name] == "kiwi6"}
		<object width="140" height="30" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">
			<param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">
			<param value="#f9f9f9" name="bgcolor">
			<param value="mp3=$[user.mini_custom_field.value]&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=5d4847" name="FlashVars">
		</object>
	{else}
		<br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
	{/if}
{/foreach}

^{the green lines are there to show what will be added to the white lines that were already there but you can copy & paste to replace the entire section}

As in the previous version, you can edit the look of the player by adjusting the height, width and specified colors in this line

&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=5d4847

Just make sure those ampersands are literal ampersands("&") and not entified ("&amp;")


Like I said at the start, it might be overkill to use a plugin for this but there are advantages to using a plugin such as being able to verify the user has entered a fully qualified and valid url to their kiwi audio. I haven't tested this beyond verifying setting an audio in the profile will allow one to play it in Firefox(latest), Chrome(latest) and IE9 so if you encounter any problems or need something clarified feel free to ask.

[demitri]

so i used this for my site here and it does work and function fine! the only issue is that the kiwi shows up on the forum as a link as well as the player and i do not know how to get rid of it. It's probably something super simple but just to clean it up would be awesome, thank you!

this is the kiwi i've been using:
k002.kiwi6.com/hotlink/9f1xzvw325/01_chemical_kids_and_mechanical_brides.mp3

[Chris]

Hi demitri, I'll need to see the contents of your mini-profile layout so could you copy and paste it to this thread. Judging from the mini-profile I'll say there were some changes made to the given instructions probably to get the player above the "Posts: 99" line.

[demitri]

<div class="$[miniprofile_class]">
    $[user]<br />
    {if $[user.is_guest]}Guest<br />{/if}
    {if $[user.group]}
        $[user.group.name]<br />$[user.group.stars]<br />
    {elseif $[user.rank]}
        $[user.rank.name]<br />
        {if $[user.rank.stars]}
            $[user.rank.stars]<br />
        {/if}
    {/if}
    {if $[user.custom_title]}$[user.custom_title]<br />{/if}
    $[user.warning.bar]
    <br />
    {if $[user.avatar]}
        <div class="avatar">$[user.avatar]</div><br />
    {/if}
    {if $[user.personal_text.message]}
        $[user.personal_text]
    {/if}
    {foreach $[user.mini_custom_field]}
    {if $[user.mini_custom_field.name] == "kiwi6"}
        <object width="150" height="20" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">
            <param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">
            <param value="#f9f9f9" name="bgcolor">
            <param value="mp3=$[user.mini_custom_field.value]&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=a37689" name="FlashVars">
        </object>
    {else}
        <br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
    {/if}
{/foreach}
    {if $[user.is_member]}
        <div class="info">
            Posts: $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}
            {foreach $[user.mini_custom_field]}
                <br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
            {/foreach}
            {if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}
        </div><br />
    {/if}
    {if $[user.miniprofile_badge]}
        <div class="$[user.miniprofile_badge_container_class]">
            {foreach $[user.miniprofile_badge]}
                $[user.miniprofile_badge.icon]
            {/foreach}
        </div>
    {/if}
</div>
this is everything that currently is in the mini-profile.

i did notice that the code that i had on my forum wasn't the same as the default that showed in some of the instructions but previous to adding this in i hadn't touched it so i'm not sure if it was just from the transition form v4 to v5 or something.

[Chris]

Jun 4, 2013 3:27:01 GMT -8 demitri said:

<div class="$[miniprofile_class]">
    $[user]<br />
    {if $[user.is_guest]}Guest<br />{/if}
    {if $[user.group]}
        $[user.group.name]<br />$[user.group.stars]<br />
    {elseif $[user.rank]}
        $[user.rank.name]<br />
        {if $[user.rank.stars]}
            $[user.rank.stars]<br />
        {/if}
    {/if}
    {if $[user.custom_title]}$[user.custom_title]<br />{/if}
    $[user.warning.bar]
    <br />
    {if $[user.avatar]}
        <div class="avatar">$[user.avatar]</div><br />
    {/if}
    {if $[user.personal_text.message]}
        $[user.personal_text]
    {/if}
    {foreach $[user.mini_custom_field]}
    {if $[user.mini_custom_field.name] == "kiwi6"}
        <object width="150" height="20" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" type="application/x-shockwave-flash">
            <param value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" name="movie">
            <param value="#f9f9f9" name="bgcolor">
            <param value="mp3=$[user.mini_custom_field.value]&bgcolor=f9f9f9&loadingcolor=bdbdbd&buttoncolor=000000&slidercolor=a37689" name="FlashVars">
        </object>
    {else}
        <br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
    {/if}
{/foreach}
    {if $[user.is_member]}
        <div class="info">
            Posts: $[user.posts]{if $[user.gender]}<span class="float-right">$[user.gender.image]</span>{/if}
            {foreach $[user.mini_custom_field]}
                <br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
            {/foreach}
            {if $[user.is_online]}<br /><span class="italic">Member is Online</span>{/if}
        </div><br />
    {/if}
    {if $[user.miniprofile_badge]}
        <div class="$[user.miniprofile_badge_container_class]">
            {foreach $[user.miniprofile_badge]}
                $[user.miniprofile_badge.icon]
            {/foreach}
        </div>
    {/if}
</div>

this is everything that currently is in the mini-profile.

i did notice that the code that i had on my forum wasn't the same as the default that showed in some of the instructions but previous to adding this in i hadn't touched it so i'm not sure if it was just from the transition form v4 to v5 or something.

 
The instructions was to "replace" the part I just highlighted in red but if you prefer the player up there above the "Posts: 99" line then leave the green and remove the red. If you decide to add other custom fields in the future then they will appear below the player rather than below the "Posts: 99" line. If you still wish future custom fields to appear below the posts line then don't erase the red, we can instead modify it to ignore kiwi6.

[uzury]

How to make the other custom fields ignore "kiwi6"?

[Former Member]

where it says
{foreach $[user.mini_custom_field]}
<br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
{/foreach}
in the red above, replace that with

{foreach $[user.mini_custom_field]}
{if $[user.mini_custom_field.name] == "WHATEVER IT IS"}<div style="display: none;">$[user.mini_custom_field.value]</div>
{else}
               <br /><span class="$[user.mini_custom_field.content_class]">$[user.mini_custom_field.name]: $[user.mini_custom_field.value]</span>
{/if}
           {/foreach}

where it says WHATEVER IT IS put the name of the custom profile field

[Former Member]

I just want to say, this is amazing. Thank you for having brought to light and creating the code for it. It wasn't working before but I had done something wrong earlier so I carefully paid more attention.

I think what some people kinda missed is that when you create the Custom Profile thing, you have to put it as "Mini-Profile ONLY"

[Former Member]

Dec 24, 2013 0:36:12 GMT -8 @rizuru said:

I just want to say, this is amazing. Thank you for having brought to light and creating the code for it. :) It wasn't working before but I had done something wrong earlier so I carefully paid more attention.

I think what some people kinda missed is that when you create the Custom Profile thing, you have to put it as "Mini-Profile ONLY" :)

You can put it in the profile (I have mine in there) but you have to add coding to the profile for it, then, otherwise it just shows up as a custom profile field with a link in it

[Former Member]

Dec 24, 2013 9:12:44 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Dec 24, 2013 0:36:12 GMT -8 @rizuru said:

I just want to say, this is amazing. Thank you for having brought to light and creating the code for it. It wasn't working before but I had done something wrong earlier so I carefully paid more attention.

I think what some people kinda missed is that when you create the Custom Profile thing, you have to put it as "Mini-Profile ONLY"

You can put it in the profile (I have mine in there) but you have to add coding to the profile for it, then, otherwise it just shows up as a custom profile field with a link in it

Right, that makes sense. I was mainly going by the current code given by Eton. :3 But thanks for the heads up.