Golzarion music player in user profile - HTML 5
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 : Code:
<div class="mini_stats blockbody userprof_content userprof_content_border"> Code:
<!-- 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 : (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 : The player in Firefox : The upload page : *** Please click Installed if you use this mode . *** Golzarion: http://forum.golzarion.com Download
Golzarion_mp3_player.zip (176.7 KB, 84 downloads) Screenshots |
Similar Mods
Profile Enhancements [SW] Music Player in User Profile | vBulletin 4.x Template Modifications |
Profile Enhancements LoudFusion Profile Music Player | vBulletin 3.8 Template Modifications |