Back to vBulletin 4.x Template Modifications

[SW] Music Player in User Profile
Mod Version: 1.00, by SoltanWorld

vB Version: 4.x.x Rating: (5 votes - 5.00 average) Installs: 24
Released: 03 Jun 2011 Last Update: Never Downloads: 189
Not Supported Template Edits Additional Files  

If you have installed this mod please : Mark as install

[SW] Music Player in User Profile

This mod allow users to put their favorite song's link in their profile to play.

installation :

1. Download Zip file and upload them.

2. Create Custom Profile Field :

Go to : Admincp / User Profile Fields / Add New User Profile Field

Then Select : Profile Field Type : Single-Line Text Box

http://soltanworld.com/gallery/data/520/sc1.jpg

And press continue

Then Fill like this :


http://soltanworld.com/gallery/data/520/sc2.jpg

*If you want to make this field to be hidden select : Private Field

After that Go to

Style Manager>Your Template>MemberInfo Templates>memberinfo_block_ministats

before :
Code:
<div class="mini_stats blockbody userprof_content userprof_content_border">
add this :

Code:
<!-- SW profile Musicplayer Start -->
<vb:if condition="$userinfo['fieldX']">    <div class="underblock"></div>
    <div class="block mainblock">
        <div id="userinfoblock" class="floatcontainer">
    <div class="blocksubhead" colspan="5">Music Player</div>
    <div  class="blockbody userprof_content userprof_content_border">
    <div class="blockrow member_blockrow">
                            <script src="forum/sw/silverlight/silverlight.js" type="text/javascript">
                            </script>
                        <script src="forum/sw/silverlight/wmvplayer.js" type="text/javascript">
                            </script>
<vb:if condition="$bbuserinfo['userid'] == 0">Please login or register.<vb:else />
                        <div id="mp3profilepl">
                            Profile mp3 Player by : SoltanWorld</div></vb:if>
                        <script type="text/javascript">
     var cnt = document.getElementById('mp3profilepl');
     var src = 'forum/sw/silverlight/wmvplayer.xaml';
     var cfg = {height:'20',volume:'40',width:'200',file:'{vb:raw userinfo.fieldX}',autostart:'false',usefullscreen:'false'};
     var ply = new jeroenwijering.Player(cnt,src,cfg);
    </script>
                    </div>
    </div></div></div>
    <div class="underblock"></div><br/></vb:if>
<!-- SW profile Musicplayer End -->
text which is highlighted by red color are the path to the player's files. make sure you have entered right path.

Bold Blue "X" should be replaced by field number you have created in step 1.

then save it.

Notice that :

If you have select field as private then guest can not play music, because of that i have put an if for guests. if you do not put this as private use this code :

Code:
<!-- SW profile Musicplayer Start -->
<vb:if condition="$userinfo['fieldX']">    <div class="underblock"></div>
    <div class="block mainblock">
        <div id="userinfoblock" class="floatcontainer">
    <div class="blocksubhead" colspan="5">Music Player</div>
    <div  class="blockbody userprof_content userprof_content_border">
    <div class="blockrow member_blockrow">
                            <script src="forum/sw/silverlight/silverlight.js" type="text/javascript">
                            </script>
                        <script src="forum/sw/silverlight/wmvplayer.js" type="text/javascript">
                            </script>
                        <div id="mp3profilepl">
                            Profile mp3 Player by : SoltanWorld</div>
                        <script type="text/javascript">
     var cnt = document.getElementById('mp3profilepl');
     var src = 'forum/sw/silverlight/wmvplayer.xaml';
     var cfg = {height:'20',volume:'40',width:'200',file:'{vb:raw userinfo.fieldX}',autostart:'false',usefullscreen:'false'};
     var ply = new jeroenwijering.Player(cnt,src,cfg);
    </script>
                    </div>
    </div></div></div>
    <div class="underblock"></div><br/></vb:if>
<!-- SW profile Musicplayer End -->



If you have installed this mod please : Mark as install


-----------------------

mp3 player in profile with auto play option :

Code:
<!-- SW profile Musicplayer Start -->
<vb:if condition="$userinfo['fieldX']">    <div class="underblock"></div>
    <div class="block mainblock">
        <div id="userinfoblock" class="floatcontainer">
    <div class="blocksubhead" colspan="5">Music Player</div>
    <div  class="blockbody userprof_content userprof_content_border">
    <div class="blockrow member_blockrow">
                            <script src="forum/sw/silverlight/silverlight.js" type="text/javascript">
                            </script>
                        <script src="forum/sw/silverlight/wmvplayer.js" type="text/javascript">
                            </script>
                        <div id="mp3profilepl">
                            Profile mp3 Player by : SoltanWorld</div>
                        <script type="text/javascript">
     var cnt = document.getElementById('mp3profilepl');
     var src = 'forum/sw/silverlight/wmvplayer.xaml';
     var cfg = {height:'20',volume:'40',width:'200',file:'{vb:raw userinfo.fieldX}',autostart:'false',usefullscreen:'false',autostart:'true'};
     var ply = new jeroenwijering.Player(cnt,src,cfg);
    </script>
                    </div>
    </div></div></div>
    <div class="underblock"></div><br/></vb:if>
<!-- SW profile Musicplayer End -->

Download

File Type: %1$s [SW]Profile Music Player.zip (304.1 KB, 311 downloads)

Supporters / CoAuthors

  • SoltanWorld

Screenshots

Click image for larger version
Name:	sc1.jpg
Views:	225
Size:	16.2 KB
ID:	129699   Click image for larger version
Name:	sc2.jpg
Views:	357
Size:	95.0 KB
ID:	129700   Click image for larger version
Name:	profile.jpg
Views:	674
Size:	60.0 KB
ID:	129702  

Similar Mods

Profile Enhancements LoudFusion Profile Music Player vBulletin 3.8 Template Modifications
Profile Enhancements EPC MySpace Music Player to Profile vBulletin 3.6 Add-ons

vblts.ru supports vBulletin®, 2022-2024