Multi-track Music Player Help
I really don't know where to put this, but since most of the code I've used on this page is Html I would like to keep it that way. Though I am opening up to Javascript and Css. Here is the code for the whole page:
<html>
<head>
<style type="text/css">
p {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 150px;
}
h1 {
font-family: Verdana; Arial; Times;
color: #3344CC;
font-size: 10px;
font-weight: bold;
}
ol {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 150px;
}
.fieldset {
font-family: Verdana; Arial; Times;
color: #000000;
font-size: 10px;
font-weight: bold;
width: 250px;
}
.rssbutton{
background-color: #FFFFFF;
border: 1px #FFFFFF outset;
padding: 0px;
color: 000000;
text-decoration: none;
font: bold 10px Verdana;
}
.rssbutton:hover{
border-style: outset;
background-color: #3344CC;
color: FFFFFF;
border: 1px #3354CC outset;
}
.dividebutton{
background-color: #FFFFFF;
padding: 0px;
color: 000000;
text-decoration: none;
font: bold 10px Verdana;
}
.dividebutton:hover{
background-color: #3344CC;
color: FFFFFF;
}
</style>
</head>
<body>
<script type="text/javascript" width="100" height="500">
{
document.write("<p>Music Player ")
document.write("Songs:</p>")
document.write("<ol><li>By Metallica</li><ul><li><a href='sadbuttrue.mp4' target_id='player'>Sad But
True</a></li></ol></ul>")
}
</script>
<fieldset width="100" class="fieldset">
<legend>Music Player</legend>">
<!-- This is where the controls are-->
<a href="Next Song" class="rssbutton">Next Song</a>
<a href="" class="dividebutton">|</a>
<a href="Pause" class="rssbutton">Pause</a>
<a href="" class="dividebutton">|</a>
<a href="Play" class="rssbutton">Play</a>
<a href="" class="dividebutton">|</a>
<a href="Previous Song" class="rssbutton">Last Song</a>
<a href="" class="dividebutton">|</a>
<br>
<!-- This is where I was intending to put the player-->
</fieldset>
I have the songs, and the album art and other stuff. Now what I want to happen is when the user clicks the controls the controls control the player, (like they click play and it plays, pause and it pauses, and I think you get it)
I am trying to keep it from having every song on a different page. Like the click the pause button and it changes to a page that has no music. I DON'T WANT THIS TO HAPPEN I WANT IT ON 1 PAGE!!
I going 2 have about 4 or 5 songs on the page.
This is going 2 be in an Iframe that is 255 pixels wide, the max width anything should be is 250 pixels.
Thank you and happy searching
Note: if this is in the wrong thread tell me where to put it and I'll erase this one and put it in the correct one. Thank you!
CSS Codes
Reply With Quote
Bookmarks