 Music Controls Help |
|
|
|
|
  |
 Nov 11 2006, 12:08 AM
Post
#1
|
|
|
To Cool for Cache  Group: [MODERATOR] Posts: 1,135 Joined: 16-June 05 From: Some Place. Member No.: 8,317  myCENT:13.80  |
I'm interested in adding "Music Controls" to my website. I have a button top corner that I'd like to make clickable. What I want to do is have my website play music, well, I know how to do that, but I want that button to pause/play the music, and I'd also like to to NOT start from the beginning of the song every time you load a new page. Does anyone know the code for this?
|
 |
 
|
|
Nov 11 2006, 01:16 AM
Post
#2
|
|
|
$p4m 0n j00 $h4m3 m3 0nc3 $p4m 0n m3 $h4m3 m3 7\/\/1c3  Group: [HOSTED] Posts: 6,798 Joined: 21-September 04 From: 9r33|\| 399$ 4|\|D 5P4/\/\ Member No.: 1,218 myCENT:74.00 |
Found this right away might have to do some tweaking to it but it should be what your want, unless you plan to design it in flash.
The images/code is here http://www.acejs.com/scriptsfolder/110001/110001.html CODE <HTML> <HEAD><TITLE>Free Scripts And Tools For Webmasters @ www.AceJS.com</TITLE> </HEAD> <BODY> <script LANGUAGE="JavaScript"> var musiccount=1; function playmusic(){ document.spec.src="spec.gif"; if ((musiccount > 10) || (musiccount < 1)){musiccount=1;} tracknumber(); if (musiccount==1){document.all.music.src="1.mid";} if (musiccount==2){document.all.music.src="2.mid";} if (musiccount==3){document.all.music.src="3.mid";} if (musiccount==4){document.all.music.src="4.mid";} if (musiccount==5){document.all.music.src="5.mid";} if (musiccount==6){document.all.music.src="6.mid";} if (musiccount==7){document.all.music.src="7.mid";} if (musiccount==8){document.all.music.src="8.mid";} if (musiccount==9){document.all.music.src="9.mid";} if (musiccount==10){document.all.music.src="10.mid";} } function stopmusic(){ document.spec.src="spec1.gif"; tracknumber(); document.all.music.src=''; } function forwardmusic(){ document.spec.src="spec.gif"; musiccount++; if ((musiccount > 10) || (musiccount < 1)){musiccount=1;} tracknumber(); if (musiccount==1){document.all.music.src="1.mid";} if (musiccount==2){document.all.music.src="2.mid";} if (musiccount==3){document.all.music.src="3.mid";} if (musiccount==4){document.all.music.src="4.mid";} if (musiccount==5){document.all.music.src="5.mid";} if (musiccount==6){document.all.music.src="6.mid";} if (musiccount==7){document.all.music.src="7.mid";} if (musiccount==8){document.all.music.src="8.mid";} if (musiccount==9){document.all.music.src="9.mid";} if (musiccount==10){document.all.music.src="10.mid";} } function rewindmusic(){ document.spec.src="spec.gif"; musiccount--; if ((musiccount > 10) || (musiccount < 1)){musiccount=1;} tracknumber(); if (musiccount==1){document.all.music.src="1.mid";} if (musiccount==2){document.all.music.src="2.mid";} if (musiccount==3){document.all.music.src="3.mid";} if (musiccount==4){document.all.music.src="4.mid";} if (musiccount==5){document.all.music.src="5.mid";} if (musiccount==6){document.all.music.src="6.mid";} if (musiccount==7){document.all.music.src="7.mid";} if (musiccount==8){document.all.music.src="8.mid";} if (musiccount==9){document.all.music.src="9.mid";} if (musiccount==10){document.all.music.src="10.mid";} } function music1(){ document.musicplayer.src="musicover.jpg";} function music2(){ document.musicplayer.src="music.jpg";} </SCRIPT> <div id="musiclayer" style="width:185px; height:92px;z-index:1;"> <MAP Name="musicmap"> <AREA SHAPE="RECT" COORDS="20,4,65,20" BORDER="0" onClick="playmusic()" onMouseOver="music1()" onMouseOut="music2()"> <AREA SHAPE="RECT" COORDS="20,84,65,68" BORDER="0" onClick="stopmusic()"> <AREA SHAPE="RECT" COORDS="63,24,81,65" BORDER="0" onClick="forwardmusic()"> <AREA SHAPE="RECT" COORDS="2,24,21,65" BORDER="0" onClick="rewindmusic()"> <AREA SHAPE="RECT" COORDS="83,84,0,92" BORDER="0" onClick="window.open('http://www.acejs.com');" HREF="#"> </MAP> <IMG SRC="music.jpg" NAME="musicplayer" BORDER="0" USEMAP="#musicmap"> <bgsound src="#" id=music loop=1 autostart="true"> <IMG SRC="spec1.gif" name="spec" BORDER="0"> <IMG SRC="0c.gif" name="number1" BORDER="0"> <IMG SRC="0c.gif" name="number2" BORDER="0"> <script LANGUAGE="JavaScript"> function tracknumber(){ if (musiccount==1){document.number1.src="0c.gif"; document.number2.src="1c.gif";} if (musiccount==2){document.number1.src="0c.gif"; document.number2.src="2c.gif";} if (musiccount==3){document.number1.src="0c.gif"; document.number2.src="3c.gif";} if (musiccount==4){document.number1.src="0c.gif"; document.number2.src="4c.gif";} if (musiccount==5){document.number1.src="0c.gif"; document.number2.src="5c.gif";} if (musiccount==6){document.number1.src="0c.gif"; document.number2.src="6c.gif";} if (musiccount==7){document.number1.src="0c.gif"; document.number2.src="7c.gif";} if (musiccount==8){document.number1.src="0c.gif"; document.number2.src="8c.gif";} if (musiccount==9){document.number1.src="0c.gif"; document.number2.src="9c.gif";} if (musiccount==10){document.number1.src="1c.gif"; document.number2.src="0c.gif";}} </SCRIPT> </div> <P> <B><A HREF="http://www.AceJS.com">AceJS.com</A> The JavaScript Directory</B> </BODY> </HTML> |
|
|
|
|
Nov 12 2006, 03:15 PM
Post
#3
|
|
|
A computer once beat me at chess, but it was no match for me at kick boxing. Group: [MODERATOR] Posts: 4,300 Joined: 24-July 05 From: Linix, DOS and Windows…the good, the bad and the ugly Member No.: 9,787  myCENT:46.50 |
|
|
|
|
|
Similar Topics
|
Lo-Fi Version | Time is now: 22nd November 2008 - 04:16 PM |