Jul 25, 2008

Music Controls Help
Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Music Controls Help

Kubi
Nov 11 2006, 12:08 AM
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?

Reply

Saint_Michael
Nov 11 2006, 01:16 AM
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>

 

 

 


Reply


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : controls


    Looking for music, controls

Searching Video's for music, controls
advertisement



Music Controls Help



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!" 		Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE