vb.org Archive - Miscellaneous Hacks - embedd a dizzler audio/video player

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!:cool:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01009 seconds Memory Usage 1,746KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (3)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (6)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: