Golzarion
09-19-2013, 10:00 PM
Golzarion music player in user profile - html5 :
What does this mod do ?
This mod allows users to upload their desire mp3 music and play it in their own profile !
Each user can have only one mp3 music file on server and in order to change his /her mp3 file : he/she needs to upload a file and it would be replaced with the old mp3 file ...
NO silver light or No Flash player installation is needed! It just uses the power of HTML 5 on users' browser.
Install :
1.download the attached file and extract it on your pc
2. upload "mp3"folder and "mp3.php" file in your forum root directory . and be sure that "mp3" folder has the sufficient permission to upload files ( in most hosts 0777 permission ).
3. Admin Control Panel :
Style Manager=>Your Template=>MemberInfo Templates=>memberinfo_block_ministats
Find :
<div class="mini_stats blockbody userprof_content userprof_content_border">Before that , add :
<!-- Golzarion profile Music player Start -->
<div class="underblock"></div>
<div class="block mainblock">
<div id="userinfoblock" class="floatcontainer">
<div class="blocksubhead" colspan="5">Golzarion mp3 Player</div>
<div class="blockbody userprof_content userprof_content_border">
<div class="blockrow member_blockrow">
<audio preload="none" controls="controls" id="mp3player" style="width: 200px;display: block" >
<!--<source src="myVideo.ogg" type="audio/ogg"> -->
<source src="mp3/{vb:raw userinfo.userid}.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
</div>
<div class="underblock"></div><br/>
<!-- Golzarion profile Music player End -->
-
4. Add the product " product-Golzarion-mp3-player.xml " via Admincp => pruduct manager =>add new pruduct
5.(optional ) if your vb version is 4.2.X ==> Admin Control Panel => Navigation Manager then in "Forum" tab use the right Drop down menu and select " Add Link" then fill it like bellow :
146458 (screenshot4 )
and Save the changes.
Notice : Your users should use "Google Chrome " web browser or Firefox 21 (running on Windows 7, Windows 8, Windows Vista, and Android ) or explorer 8 or higher ...
( No doubt that the latest version of web browser is better ! )
The Persian language(Farsi) translation is also attached .
Optional changes :
1.If you want to increase the size of the mp3 file : in " mp3.php" file search for "2097152" and replace it with your desire size ( the default is 2 mb).Your server also should allow your php to upload that amount of size of mp3 file ... you can change the " php.ini" file on your server or use ".htaccess" file.
2.You can edit the mp3 upload page by editing :"Golzarion_mp3" template it is under "forum Home" template in your style . (It is highly recommended not to change these codes unless you are completely sure of what you are going to do ... )
3.With small amount of changes this html 5 player has the potential to play video files,too. But I do not have enough time right now to do it ...
The player in Chrome :
146459
The player in Firefox :
146460
The upload page :
146461
*** Please click Installed if you use this mode . ***
Golzarion:
http://forum.golzarion.com
What does this mod do ?
This mod allows users to upload their desire mp3 music and play it in their own profile !
Each user can have only one mp3 music file on server and in order to change his /her mp3 file : he/she needs to upload a file and it would be replaced with the old mp3 file ...
NO silver light or No Flash player installation is needed! It just uses the power of HTML 5 on users' browser.
Install :
1.download the attached file and extract it on your pc
2. upload "mp3"folder and "mp3.php" file in your forum root directory . and be sure that "mp3" folder has the sufficient permission to upload files ( in most hosts 0777 permission ).
3. Admin Control Panel :
Style Manager=>Your Template=>MemberInfo Templates=>memberinfo_block_ministats
Find :
<div class="mini_stats blockbody userprof_content userprof_content_border">Before that , add :
<!-- Golzarion profile Music player Start -->
<div class="underblock"></div>
<div class="block mainblock">
<div id="userinfoblock" class="floatcontainer">
<div class="blocksubhead" colspan="5">Golzarion mp3 Player</div>
<div class="blockbody userprof_content userprof_content_border">
<div class="blockrow member_blockrow">
<audio preload="none" controls="controls" id="mp3player" style="width: 200px;display: block" >
<!--<source src="myVideo.ogg" type="audio/ogg"> -->
<source src="mp3/{vb:raw userinfo.userid}.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</div>
</div>
</div>
</div>
<div class="underblock"></div><br/>
<!-- Golzarion profile Music player End -->
-
4. Add the product " product-Golzarion-mp3-player.xml " via Admincp => pruduct manager =>add new pruduct
5.(optional ) if your vb version is 4.2.X ==> Admin Control Panel => Navigation Manager then in "Forum" tab use the right Drop down menu and select " Add Link" then fill it like bellow :
146458 (screenshot4 )
and Save the changes.
Notice : Your users should use "Google Chrome " web browser or Firefox 21 (running on Windows 7, Windows 8, Windows Vista, and Android ) or explorer 8 or higher ...
( No doubt that the latest version of web browser is better ! )
The Persian language(Farsi) translation is also attached .
Optional changes :
1.If you want to increase the size of the mp3 file : in " mp3.php" file search for "2097152" and replace it with your desire size ( the default is 2 mb).Your server also should allow your php to upload that amount of size of mp3 file ... you can change the " php.ini" file on your server or use ".htaccess" file.
2.You can edit the mp3 upload page by editing :"Golzarion_mp3" template it is under "forum Home" template in your style . (It is highly recommended not to change these codes unless you are completely sure of what you are going to do ... )
3.With small amount of changes this html 5 player has the potential to play video files,too. But I do not have enough time right now to do it ...
The player in Chrome :
146459
The player in Firefox :
146460
The upload page :
146461
*** Please click Installed if you use this mode . ***
Golzarion:
http://forum.golzarion.com