The Arcive of Official vBulletin Modifications Site.

embedd a dizzler audio/video player · **Released**: 02-26-2009

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.

DEMO 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


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!

adhmwagde · #2 02-27-2009, 10:55 AM

great .. but can i add the music i want link arabic music ?

imedic · #3 02-27-2009, 01:36 PM

Iap you can. Search music and click on right side on the heart and it will be saved in your playlists.
Nice mod. Installed

Kaesra · #4 04-05-2009, 06:52 PM

Sorry I am kinda new with this whole thing, I get this in the pop-up

404 - Not Found
The page you are trying to access does not exist.
If this error persists, please contact the website webmaster.
If you are the webmaster of this site make sure that:

* You have uploaded correctly your files to the public_html directory which is the web-root of your account;

* You have not misspelled the URL. Bear in mind that letters are case sensitive and no white spaces are recommended;

* In case you have applied SEO - SEF URL rewriting rules, make sure you have re-named the htaccess.txt file to .htaccess. If there is already a non-empty .htaccess file read it and make sure the necessary rules are un-commented.

Edit:Nevermind, sorry like I said I'm kinda new with this thing.

Parture · #5 10-18-2009, 08:06 AM

What a great product! Thanks.

Here's mine,
http://biblocality.com/forums/dizzler.php

blake247 · #6 01-17-2010, 04:10 AM

This works great with VB4 as well:

Download vBH-Add new tabs

Find </div> in navbar and paste code from step 5 (skip step 6)

Admincp->Settings->Options->vBH New Tabs

and

add new line:

Music|javascript

opUp('http://www.yourwebsite.com/dizzler.php')

Change Music to Radio, Streams or whatever.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05635 seconds Memory Usage 2,269KB Queries Executed 20 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (3)bbcode_code (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (6)post_thanks_box (6)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (6)post_thanks_postbit_info (5)postbit (6)postbit_onlinestatus (6)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!