Using Javascript /jquery displaying a single file in a fly out

Question

Hi!

I am trying to add a player that will play audio on the site. It will play music randomly and display only play/pause? are there any good javascript or jquery plugin/api?

What is the best way to display a single music filefrom a list of files on a flyout on hover? it will have the option to display filename and download option.

Any examples would be much appreciated. Thanks

Answer 1

I'm not sure of any preexisting libraries that handle this, but it wouldn't be hard to accomplish with HTML5's <audio> tag. You can control it using the play() and pause() methods. Check out HTMLMediaElement on MDC for how to interact with the element.

You could use JQueryUI to create some sort of a dialogue for presentation.