Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

/

Audio player for large music library

11 replies [Last post]
Reply

Hi... I'm looking to build a music page for a movie composer with many sound clips. There will be possibly 8 sections if songs in categories. He wants to have them stream as well as having a download option. Is the JWPlayer able to do all this? Thanks in advance for any info. Or if anyone has any other ideas.

Reply

@Bernie -

You can absolutely use the JW Player to build this page. My recommendation would be to build the sections and categories into your HTML page, and use one instance of the JW Player to play the clips (an example of how to do this can be found here: http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/16025/loading-new-content-into...).

As for the download links, you could simply include that in your HTML page as well.

Reply

I saw that and it has helped me a lot... however, whenever a list item is clicked, it goes to the top of the page, but my player is at the bottom of the page. how can I get it to stay the player part of the page?

Reply

@Kofl -

Please post a link to the page in question and I'll take a look.

Reply
Reply

@Kofi -

Change:

<li class="choose"><a href="#" onclick="jwplayer().load({file: 'video/perfect.flv', image:'/thumbs/perfect.png', duration:'710'})">Old Version</a></li>

to

<li class="choose"><a href="#" onclick="jwplayer().load({file: 'video/perfect.flv', image:'/thumbs/perfect.png', duration:'710'}); return false;">Old Version</a></li>
Reply

Amazing... thanks so much Pablo S. I really appreciate your help.

Reply

@PabloS Do you by any chance know how I can highlight the link that is being played so that the user may know which item of the playlist is currently being played?

Reply

@Kofi -

You can listen for the onPlaylistItem event - that will tell you which item is playing, and you can use that to change the CSS in your playlist.

http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5/12540/javascript-api-reference...

Reply

@PabloS I understand what you said, I just don't know how to implement it. Please show me an example of how to modify the css.

Reply

@Kofi -

That's a bit outside of what we cover in this forum - there are a few nice tutorials out there which cover modifying CSS using JavaScript. Here are a couple:

http://www.kirupa.com/html5/changing_css_using_javascript.htm
http://www.thesitewizard.com/javascripts/change-style-sheets.shtml

Reply

Thank you for going out of your way to help...

Post new comment

  • Allowed HTML tags: <code> <blockquote> <em> <strong> <strike> <ul> <li> <ol>
  • You may post code using <code>...</code> .
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options