Custom music player with attributes for changing elements in div's
Hi everyone, I'm a newbie, hope you can help...
I'm looking to create a music player for my website with simple play, pause, next and back controls.
These controls also need to change a few things however on click: -
Play - will play the music and automatically scroll lyrics placed in a div block element (which is simply used so I may place this where i please on my site... I'm not using tables for structure).
I'd like the text to fade from the bottom to the top - like the star wars intro. Maybe this could be done like a movie clip to play in sync with the track length... I don't know?
Pause - will stop the music and stop the text from scrolling. Pressing 'Play' again on from this will continue from where it left off.
Next - will move onto the next track and also change the text div for the next tracks lyrics, and also change a background image (which will be in another div). I'd like to do this with a fade if possible.
Back - will do the opposite of 'Next', and move back a track... change picture and text...
I think that's it in essence. I hope I've explained it well.
Thank in advance for any help with this, much obliged!