jplayer playlist addon

1,042 views
Skip to first unread message

SpiritTiger

unread,
Nov 10, 2011, 11:34:16 AM11/10/11
to jPlayer: HTML5 Audio & Video for jQuery
Hi, new here. I'm working on a sight at the moment which needs an
audio player built into it. Obviously I saw the value of jplayer
immediately with the reduced use of flash etc.

I've been through the guide and got a single song playing on the
player which I'm happy with. However since I'd need to show several
songs I wanted to add the playlist addon.

This is where I hit a snag, my Javascript knowledge isn't amasing it
seems to me that the demo's and documentation don't actually provide a
guide to adding it, they just talk about what different bits do.

As of this moment I have the basic jplayer installed from the initial
guide and would very much appreciate someone explaining to me how to
add the playlist addon to it. Once it's installed I'm sure I'll figure
out how to alter the appearance and songs etc to my needs.

Thanks

Dustin Blake

unread,
Nov 10, 2011, 1:51:18 PM11/10/11
to jpl...@googlegroups.com

SpiritTiger

unread,
Nov 22, 2011, 10:55:28 AM11/22/11
to jpl...@googlegroups.com
Thanks, I had seen that page but to be honest I can't make heads or tails of it. I'm sure everything I need is there but it doesn't lay out the process simply for me.

Can anyone help?

seti808

unread,
Jan 22, 2012, 8:25:47 PM1/22/12
to jpl...@googlegroups.com
I got to same exact issue.

as far as

http://www.jplayer.org/latest/demo-02-jPlayerPlaylist/

this page is not laid out as clear as the jplayer quick start guide (which was laid out well and easy to follow)

Can anyone shed some light on the exact process or possibly make a quick start guide for the playlist add-on on feature :)

Any hints etc..

Hey SpiritTiger lets see if we can help each other make any progress

any feedback would be much appreciated

amazing script btw

thanks!!!!!!

Ross Coulbeck

unread,
Jan 27, 2012, 4:50:47 AM1/27/12
to jpl...@googlegroups.com
Finally someone understands what I mean! :)

I'm not actually doing the site I needed it any for anymore, but would still like to figure it out as it could be very useful.

Thanks


--
You received this message because you are subscribed to the Google Groups "jPlayer: HTML5 Audio & Video for jQuery" group.
To view this discussion on the web visit https://groups.google.com/d/msg/jplayer/-/3hdhg58j2MoJ.
To post to this group, send email to jpl...@googlegroups.com.
To unsubscribe from this group, send email to jplayer+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/jplayer?hl=en.

Chris Snipes

unread,
Feb 23, 2012, 5:02:15 PM2/23/12
to jpl...@googlegroups.com
same issue here...
I'm a JavaScript / jquery novice and don't really understand how the jPlayerPlaylist add-on is added to the player. I could really use a simplified guide / how-to.

GCWeb

unread,
Mar 27, 2012, 12:29:58 PM3/27/12
to jpl...@googlegroups.com
I struggled with this too... but actually it's fairly easy.

I found out by viewing the source code of the page that has the playlist version already implemented - www.jplayer.org/latest/demo-02

View the source code by right-clicking on the page and choose 'View Source'.

From there you can see that they include a line to load the playlist javascript file:

<script type="text/javascript" src="../js/jplayer.playlist.min.js"></script>

This needs to be inserted after the line that loads the standard jplayer javascript file in your own html page.

Then further down in the source, after the command 
$(document).ready(function(){

you can see the code necessary to create the playlist. Copy this into your page making sure that it ends with )};

Your page should then show the same playlist as on the demo page (albeit with a different skin, if you have chosen another), and you can just change the song paths, titles etc. for your own.

Easy :-/


office

unread,
Mar 28, 2012, 5:18:10 PM3/28/12
to jpl...@googlegroups.com
Not easy enough. As a visual person, I'm having such a hard time when there is not a step by step. GCWeb, I appreciate your instructions and tried to follow them, saving the script on the js/jplayer.playlist.min.js as it's own js file. 

After that, I'm lost.
Where do I place this file? Side by side with the jquery.jplayer.min.js in the libraries? 

And, then..what html? I've attached a file view of my jplayer folders. There is no html and I'm working with drupal. Where do I make those <script and $(document) edits?

Can you please help me with this? 

All apologies but I really need more info. Thanks.
files.png

eansugar

unread,
May 5, 2012, 1:01:31 AM5/5/12
to jpl...@googlegroups.com
Office, I'm with you...I'm know just enough to get myself in trouble, but I did follow GCWeb's directions and then found a few other things that you need to know to make it work,
and when it does, it's great...

So before I take the time to make the list...Do you still need help:?

eansugar

Loren Supernaw

unread,
Aug 22, 2016, 7:48:12 AM8/22/16
to jPlayer: HTML5 Audio & Video for jQuery
he may not, but others do, such as me.
Reply all
Reply to author
Forward
0 new messages