simple play/pauze button using jPlayer plugin
Hello,
I'm currently building a website that features quite a lot of songs
per page.
I am looking for the best solution for building a play button in front
of the title of every song. I was using a flash object, but it turns
out that too many different flash objects tend to make the page very
slow and buggy in some browsers. There are allready some players but
I'll be adding a lot more;
like so: http://www.kevindecock.be/audio.html
I noticed that some websites are using jPlayer to display a lot of
songs on one page together with a play button, for example:
www.daan.be
these sites don't seem to have any trouble, so I'm guessing jPlayer is
my best option.
However, I don't have a lot of experience with javascript.. I can hold
my own with html and css but that's about it I'm afraid :). So I
wanted to ask if anyone can provide me with some ideas as to how I
should implement jPlayer in the same way as I did with flash, in a way
that doesn't affect browser performance.
So in short I need the button to do two things:
1. Play an .mp3 file when clicked, preferably specifying the url inside html body, in the same way as I did before with the flashplayer (you can check my source code)
2. Change from "play" image to "pauze" when clicked, and back again.
I can't seem to find any tutorials or lessons on using jquery or jplayer at all, so if anyone here can get me started that would be awesome!
thanx in advance!
hennoxlane