Back to vBulletin 3.8 Add-ons

embedd a dizzler audio/video player
Mod Version: 1.00, by catfish1970

vB Version: 3.8.1 Rating: (2 votes - 5.00 average) Installs: 9
Released: 27 Feb 2009 Last Update: Never Downloads: 1
Not Supported Template Edits Re-usable Code External Content  

This is a how to on putting a dizzler player on your site in a popup window.
i have searched high and low for a player to do what i want and this is the only thing that comes close. not only does it play music
from a auto play feature but it will also play videos. and has a search field that you can type in any artist to search for your favorite music/videos.
the game and radio feature only works on desktop but my members don't even bother with those since they can search for there own music or videos.
i have set this up as a link on my navbar and it opens up in it's own window so members can listen to there music while searching my forums or in the arcade.

http://musicfuncenter.net/vb just look on the navbar and click on the link that says dizzler music.

1st. you will want to open some sort of editor and insert the code from below. (follow the steps carefully).

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><BODY BACKGROUND="http://THE URL FOR YOUR BACKGROUND IMAGE GOES HERE">  	
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The Dizzler Player</title>
</head>
<body>
<hr>
PUT YOUR DIZZLER EMBEDDED CODE HERE
<hr>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="3" width="100%" align="center" BODY BGCOLOR="#CCCCCC">
<tr>
<td class="thead" align="center"><FONT SIZE=5><b><u>How To Use The Dizzler</u></b></FONT></td>
</tr>
<tr>
<td class="alt1" align="center" BODY BGCOLOR="#FFFFFF">
The First Thing to do is to forget the radio and game button on the player, these only work on your computer.<br /><hr />
To listen to music all you have to do is click on the music button and choose the playlist and listen to stored music on the player<br /> or type in the search field your favorite artist and pick your favorite song.<br /><hr /> Next to watch a video all you have to do is hit the video button and choose favorite and select to watch one of the stored videos on the player<br /> or again type in what you want to see in the search field and find what you want. you can also watch music videos this way.<br /><hr /> Thank You, Hope you enjoy...
</td>
</tr>
</table>
</body>
</html>
(user note: for background images i have found it best to create a directory in my image folder on my forums root directory named dizzler bg, and put all the different backgrounds i may use there.)

2nd. you will want to go to dizzler.com and create an account for free, go to my profile and setup how you want the player to look
and to get your embedded code. you can also add your favorite music from here or wait until you have it embedded into your site to setup.
insert the embedded code in the correct area in your text editor.


3RD. you will want to upload the file to your forum root directory. rename the file ext. to php. (example dizzler.php)

4th. get the url for your php file you just created. it should be hXXp://your fourm.com/dizzler.php.

(caution: always backup your template before editing it, this way you can always go back to the way it was before if you make a mistake.)

5th. you will want to enter your admin cp>>>> styles & templates>>>> style manager>>>> from the drop down menu choose edit templates>>>>
navigation/breadcrumb templates>>>> navbar find

<!-- breadcrumb, login, pm info -->
and above this paste from below:

Code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by:  Nic Wolfe -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=1,scrollbars=1,location=1,statusbar=1,menubar=1,resizable=1,width=655,height=800,left = 152.5,top = 62');");
}
// End -->
</script>
(user note: you can change the width and height to suite your needs.)

6th. stay in your navbar template and find

</if>
<td class="vbmenu_control"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>

and after this paste from below:

Code:
<td class="vbmenu_control"><A HREF="javascript:popUp('http://your forum.com/dizzler.php')">Dizzler<br>Music</A></td>
click save and your done. enjoy!

Download

No files for download.


vblts.ru supports vBulletin®, 2022-2024