Just a small update to make the music player compatible with IE7 and IE8. Now all major browsers are supported.
Usage:
//Initialize the plugin
$('body').ttwMusicPlayer(myPlaylist, {options});
//You can specify the following options in the options object:
{
currencySymbol:'$',
buyText:'BUY',
tracksToShow:5,
autoPlay:false,
ratingCallback:function(index, playlistItem, rating){
//some logic to process the rating, perhaps through an ajax call
}
}
//Build your playlist. The playlist uses the same format s jPlayer (an array of objects. However, this plugin requires you to add some additional parameters. A sample playlist item:
{
mp3:'mix/1.mp3',
oga:'mix/1.ogg',
rating:4.5,
title:'Some song title',
buy:'http://www.codebasehero.com',
price:'0.99',
duration:'4:28',
artist:'Artist Name',
cover:'images/cover.jpg'
}
Thankyou for taking the time to update this!
I have just downloaded the latest version and the play button does not seem to work. I have just extracted it into a WAMP folder and works fine in Chrome/IE. Any ideas?
I use wamp and I do not see any issues. Check the console in the chrome dev tools, you’re probably getting an error.
Hi Saleem,
i cant get IE9 to load/show the tracklist with the new version.
it is working on your demo-page, but when i upload the unmodified zip to any of my servers it wont show the tracks…
(no errors in konsole… no tracklist in compatibilitymodes …)
All other browsers are working, even on Android…
The 1.1 Version doesnt show the tracklist locally on Win7x64
on any browser, which 1.0 did.
Your server is probably sending the wrong mime types for the files. Create an htaccess file with the following
AddType audio/ogg ogg
AddType audio/ogg oga
AddType video/ogg ogv
AddType video/mp4 m4v
How do you add multiple tracks (songs) it seems like its not easy?
It’s very easy. As stated in the instructions, your playlist needs to be an array of objects.
var playlist = [{
mp3:'your url',
ogg:'ogg url'
},
{
mp3:'another url',
ogg:'ogg url'
}
];
hi Saleem, i tried adding the mime types to htaccess with no results.
As i wrote the tracks wont be listed in the tracklist only in ie9 if i upload to the server. so it shouldnt have to do anything with the miime types. It also wouldnt explain why the tracks wont be listed locally after unzipping your v1.1 file.
Found out that the tracks are never listed when using jquery 1.6.2
Hi,
I have some problem here, it can stream mp3 if it is upload in same server but fails to play mp3 when uploaded in other software.
I uploaded mp3 in dropbox and tried to stream it but it failed… mp3 doesn’t stream
You will need to check the jPlayer documentation or the jPlayer google group to find out if it can handle cross domain streaming.
Thank you, Saleem! You are awesome!
One question: I modified my CSS for the player quite a bit and wish to keep the design of it but want to be able to apply the update so that IE works. Would I just need to download the new .js files and overwrite them or are there changes to the CSS file to help make the player work with IE as well?
THANK YOU, again.
Well, I tried it myself and it seems that while replacing the jquery-player.js file was easy and did not create errors, overwriting the old “ttw-music-player-min.js” file caused problems and prevented it from it loaded in IE7. Keeping in mind that the only change I made to ttw-music-player-min.js was to remove a div to remove the star rating. Strange!
The “autoplay: false” does not work for me. Any idea what’s wrong?
hello I have the same problem I’m checking the js code be if I find some solution
I think you can just do autoPlay:false. Notice the difference in capitalization.
I solved it by modifying the
“ttw-music-player-min.js”
should seek to
B(e.autoplay)
and replace the
B(function () {z ();
a (this). blur (); return false })});
and ready
THANK YOU! This worked for me
For me too! Thank you so much!!!
Hi, I use this awesome music player but I have a question. Is it possible to add the volum up/down, mute functions ?
Thx !
How hard would it be to add a “shuffle” button I wonder…?
Hey Guys,
I’m going to sound dumb, but how do I use this on my wordpress and set this up. Is this like a plugin or something?
Can someone please help me.
Thanks
Hi, I’ve use your html5 player its AWWWESOME!!!!
Anyhoo, i’ve tweak your script a little but I think I’ve made a bug to myself
If I put 2 music in one page (2 players bar) its make werido, like title from 2nd to 1st title
Also on 2nd, I put 2 songs on it, but its make repeat twice to 4 songs like
1: Test
2: Test 2
3: Test
4: Test 2
Or I have to make one music on each page?
Nevermind
Thank you for awesome script 
I’m hosting on Go Daddy (Linux/Apache). This demo works fine in every browser I’ve tested, but when I use the code on my site, it only works in IE and Safari in Windows. It doesn’t work in Firefox or iPhone/iPad. In Firefox, it shows everything correctly, but doesn’t play. On iPad/iPhone it doesn’t load or display correctly. Why would it work fine from this site, but not from mine. Here is the link: http://www.zrockready.com/music-player/demo
Hi. You should verify that your server is sending the correct mime types.
Hi Tom & Saleem,
I see you have it working in Firefox now. I’m also having a problem with firefox, where it shows everything but doesn’t play. I notice you are only using an mp3 file. If I only have mp3 files, it doesn’t try to play. If I have the ogg file it looks like it might play (adds the playing class to the track). My site is also hosted on Go Daddy. Any ideas?
I really like this player, it was easy to modify the html and css. I really like the it plays on iphone/ipad.
Saleem,
I have scoured the web for a decent player – free or otherwise – and your HTML5 music player is by far the nicest design out there. I unfortunately did not experience adequate results from testing in firefox (despite implementing the .htaccess edit that was advised earlier in this thread). I, and many others I’m sure, would gladly pay for a fully-functional (with volume control) and stable version of this application. The premium music player is, by the way, just too large.
John
Thanks John. MediaBox (the premium plugin) is a player + collection of widgets that can be skinned to look like any player, including this free one. It would be relatively simple if you’re comfortable with css.
Fantastic player, really easy to integrate and looks fantastic. Just a heads-up for you folks wanting to have the player somewhere other than the body: if you wrap the player inside a div class you’ll get a weird bug whereby the tracks all have the same name. Just change the class to an id and you’ll be fine. Thanks Saleem, nice work.
Great player! It’s exactly what I’m looking for. I run an independent record label and needed a audi player solution that was cross-browser compatible including iOS and Android.
With regards to iOS and Android… iOS links to iTunes for music buy links. Android obviously does not. I would like to give my end-users 2 buy option links one for iTunes if you are on an iPhone and one for Amazon MP3 if you are browsing my site on an Android. I guess my question is: How easy would it be to add an extra buy link? f.g. Buy1 and Buy2.
Thanks for a great player!
Pretty simple. Just include the second link in the object for each track and modify the function that generates the html to use that field to create an additional link.
Hey Saleem,
First off, this player is gorgeous. Thanks for releasing it!
I’m in the middle of installing and I have everything in, triggering and positioned but I can’t for the life of me get the track list and descriptions to show up. I’ve checked my paths a bunch of times but I have absolutely no idea why it’s not working. I realize you don’t support the free version, but any help would be great.
Thanks again,
Matt
Thanks. You’re probably getting a server error. Make sure you have error reporting turned on and check the error logs. If you have display errors on, you can probably view the error in your browser’s development tools as a response from the server.
Hi Saleem. Amazing player! Thank you for putting this together! I realize you’re not offering support but despite all my efforts I’m stuck on two things with your player. If you have a minute to offer any advice that would be very much appreciated.
1) The player works great if I go directly to the player page – http://mysite/music-player/demo. However if I put this page in an for use on other pages, the player loads “blank” (controls only, no image or song displayes) in Safari only. No problems in Firefox and IE.
2) For the life of me I can’t get the player to work on iPhone/iPad. I have added the mime types below in both .htaccess and httpd.conf with no luck. Are there any specifications on the ogg files themselves that would cause them to not play?
AddType audio/ogg .ogg
AddType audio/ogg .oga
Thanks in advance,
Scott
sorry Saleem .. in my above post, question 1 … ia keyword was stripped out – iframe. Here is that question repeated:
1) The player works great if I go directly to the player page – http://mysite/music-player/demo. However if I put this page in an iframe for use on other pages, the player loads “blank” (controls only, no image or song displayes) in Safari only. No problems in Firefox and IE.
How can i make work autoplay option? it does not working!
hey mike i was having the same trouble you were, make sure that :
$(‘body’).ttwMusicPlayer(myPlaylist, {
autoplay:true,
//description:description,
jPlayer:{ swfPath:’../swf/jquery-jplayer’ }
});
where ‘autoplay’ option is not ‘autoPlay’ camelCased.
I played around with the different casing, and all lowercase seemed to work for me, I also am using the most recent download of the build.
Giving back some……
If you want to put your track listing into a scroll-able window just add this tiny bit of code to the “ttw-music-player-min.js” file in the Plugin directory…
Search for this code…
Then Replace with THIS CODE….
I found this keeps the player on the screen but allows you to scroll though your track listing without moving the player off screen.
-Enjoy!
Sorry, the posting removed my code. Here it is with the brackets removed, hopefully this will make it onto the board…
Search for…
(LessThan)p class=”description”(GreaterThan)(LessThan) /p(GreaterThan) (LessThan)div class=”tracklist”(GreaterThan)
Replace with….
(LessThan)p class=”description”(GreaterThan)(LessThan) /p(GreaterThan) (LessThan)div style=”width: 400px; height: 500px; overflow: auto; padding: 5px”(GreaterThan)(LessThan)div class=”tracklist”(GreaterThan)
Great player! Your demo as-is works great everywhere except iPhone/iPad. I’ve added the following to .htaccess and still no success. Does anyone have this working on iPhone/iPad? If so what is the solution? Thanks!
AddType audio/ogg .ogg
AddType audio/ogg .oga
AddType video/ogg .ogv
AddType video/mp4 .m4v
Hi Brian, I just can’t find this line in the ttw-music-player-min.js:
(LessThan)p class=”description”(GreaterThan)(LessThan) /p(GreaterThan) (LessThan)div class=”tracklist”(GreaterThan)
I am interested in having the track list in a scrollable window. Can you help? Thanks
Hey Tux, I found it a bit difficult to add that into the .js file, so I added into the css styles instead. Much easier!
how do a get the artist name to show beside the song name in the list, I want to have it where it is like
1. Yellow Submarine – Beatles
2. Machine Head – Bush
Hey Saleem,
I tried emailing you back after your response, but I’m not sure it went through.
My question was how I can have multiple instances of the player on one page? I’m happy to pay for the premium support, just point me in the right direction.
Thanks!
Matt
if you want to have the player in other place rather then the body just change:
//Initialize the plugin
$(‘body’).ttwMusicPlayer(myPlaylist, {options});
to this:
//Initialize the plugin
$(‘div#NAME_OF_YOUR_NEW_DIV’).ttwMusicPlayer(myPlaylist, {
tried everything guys just doesnt work for me, the tracks dont come up wish there were a step by step tutorial
Hi. I’d like to use your plugin on my website, and I just wondered if your plugin is totally free (out of those copyright notices
). Also, does it support HTML5?
Hi Saleem – I love this player, but I’m running into a few snags getting it running on my site. I’m sure all my problems fall into the novice category. I’d be more than happy to pay for support. Any chance you’d be up for that? Please contact me if you’re interested.
thank you so much
Installed this on my client’s site, and added the MIME types as suggested, but it still doesn’t load the playlist or album art in Firefox or Safari. Any advice?
You should check the error console to see if you’re getting any js errors…
Although the demo here plays just fine on the iPad, testing the downloaded files does’t seem to work, although it does on a standard computer/browser.
Update: To everyone having problems with playback on the iPad/iPhone… I realized why the demo player files are not functioning on iOS. It’s because of Flash, or specifically, the lack thereof.
Firefox and Safari (Mac) saw and played the demo files on my server just fine. That is, until I disabled my Flash plugins. With Flash disabled, the player behaves just like on the iPad. No cover art, no playlist, no music. I’m assuming the JS has a fallback to HTML 5 for browsers without Flash. The demo hosted here certainly plays fine on the iPad. But there is clearly a difference in the code on this demo versus the downloadable demo. If I can pin it down, I’ll post the fix here.
Hey Scott,
Thanks for pointing this out. I will take a look at the code now and see if I can spot the issue.
Any progress with the iPad problem?
I really like your player. But, iOs is the driving force behind HTML5 media players. Otherwise, I would stay with Flash only.
Every modern browser supports html5, not just safari. Anyway, I checked, there is no difference between the demo code and the download, which suggests an implementation issue…
I unzipped the downloaded demo files and uploaded them to my website. The player worked in in every tested browser except Safari on iOS.
I then looked at the source code for the demo page http://www.codebasehero.com/files/music-player-1.0.1/demo/ and downloaded the css and js files that are actually used by the page. I then replaced the files on my website with the newly downloaded files. The player on my site now works just fine on iOS.
I did not make any changes to the index file on my site. all that I did was to swap out the css and js files. So, there has to be something different in at least one of those files. I think you need to take a closer look.
Anyway, I got the player working and I am a happy camper.
You’re right steve. You need to modify the solution value from ‘flash’ to ‘html, flash’ in the main plugin file or override the default jPlayer options in the options object.
Hi Saleem,
In your professional opinion, what type of work would be involved in modifying your original code to look and work something like this site here. http://m.sharpdaily.hk/list.php?category_guid=4104&category=daily
In my school project, I included ideas to enhance the look of this particular page (not my site, obviously) such as adding a visualizer. Do you know if a visualizer can be added for the jPlayer?
Thanks for all the work and time you’ve been sharing with us.
Ivan
Man, I can’t get the thing to work on iPad either. The demo loads fine on the iPad. But my page doesn’t. Works great in all browsers. What is different about the demo version, or server setup??
Anyone find an answer?
Please change jPlayer’s ‘solution’ value from ‘flash’ to ‘html, flash’.
I just updated the zip with the solution.
Stagining site by the way is http://bit.ly/okRocl for the iPad issue.
Hi,
Great player!
I would like to use multiple instances of the player on a single page.
Would you please explain how to do this?
Thank you
I have honestly never tried, but I would imagine it being as simple as
$(anchor).ttwMusicPlayer(playlist, {options});
$(anchor2).ttwMusicPlayer(playlist2, {options});
Saleem,
Thanks for the quick reply. I have the following:
[code removed]
Then, in the body of my page, I have two divs, with ID's equal to body1 and body2.
I do get two players, but the both have only the second playlist, and the second player has TWO songs (repeated versions of the second playlist, which has only one song).
Any ideas?
Here is a link to the page. If you view source, can you identify anything I've done wrong?
Thanks!!
-Zank
http://zankmusic.com/musicPlayer.html
Good looking player. I trying to set this up with WP. After I’m done I think I’ll write a tutorial, people should use this!
I think a lot of people would really appreciate that tutorial. Shoot me an email when it’s done and I may include a link to it in the main post.
possible to link a URL to the thumbnail image?
Matty you can if you plan to link the album cover to the same url all the time..
If you want…edit this file and you’ll get an url. All albums will will to this url though.. so yeah.
Open ttw-music-player-min.js find line and wrap an tag around the whole span. For example
If you plan to add different album covers and have them link to different areas, then I can assume bunch of edits needs to be made..which I doubt Saleem will have time to do since its a freebie
I am making a wordpress integration of this player where I think making album thumb link externally would be a great idea, so I’ll take that into a consideration
Vadim,
WordPress integration of this player would be amazing.. will you post it on here once you have it working?
Yep, but I’m not super skilled developer so it won’t be as easy as activation a plug, thought those will be my intentions to make it like that after I finish it.
I will be writing up a small tutorial on how to get it integrated into your theme, I might throw in the finished theme files as well..
It’s pretty much done, just need to clean it up and write up the tut..
Open ttw-music-player-min.js find line and wrap an tag around the whole span. For example
Hopefully you can see code now.. I added spaces after so remove those if you will be using code
No luck
http://mysticpaste.com/view/10320
Just a quick bump to see if anyone has any ideas on how to embed multiple players on a single page. My original post is two up.
Thanks!
-Z
I was wrong. It isn’t as simple as creating two instances. You would need to make several modifications to the code. I don’t have the time to do a real test, but at a minimum you would need to namespace the events generated by the app – a separate namespace for each instance.
In my player stays only 10 songs. And I don’t get make activating the first code, someone could explain?
I don’t understand your question. Can you please elaborate?
Do you know of a way to decrypt base64 encoded files? I am encoded them to hide location and using this jQuery plugin to decode them: http://plugins.jquery.com/files/jquery.base64.js_1.txt.
Just trying to figure out if it could go in my functions.js file to extend your plugin, in your plugin or into the jPlayer plugin.
Thanks.
Fantastic stuff, thank you very much for the work that went into this! Using it in a custom wordpress template. It works on everything except IE7/8. It won’t load up the flash player as the default.
Oops, I meant it won’t load Flash player as the degradation method for those older browsers. I am declaring where the flash file is with:
swfPath:'http://crushlive.com/wp-content/themes/Preeminent-Theme/js/Jplayer.swf'
and to clarify a bit more on what I’m seeing in IE8
I see the word, “By” instead of the artist name
and then below that the player controls, since that’s just an image basically. But the controls won’t work. I’m assuming that the flash player isn’t loading up at all.
Sorry for all the comments, but I wanted to say that I got it to work!
If anyone else is having problems with IE, be sure that your path to the Jplayer.swf is just that, A PATH, not a full URL.
I adjusted mine down to /wp-content/themes/Preeminent-Theme/js and that did the trick.
Thanks again for such a great player!
Okay… so I can get the player to work on my page but when i add any other javascript code the player completely disappears. it’s driving me crazy. Is there anything i can do to make this stop happening so i can run other scripts?
thanks…
In the myplaylist.js I changed the track price from price:’0.99′ to price:’FREE’ but it appears as $FREE BUY on the player after I do that. How do you eliminate the dollar sign and the BUY from the button? I just want it to read ‘FREE’ on a particular track.
Also, how do I link that button on a certain track to a file? I want the user to press FREE and have a song begin to download.
You would just set the currencySymbol option and the buyText option to empty strings. To use the button as a download button, you would set the buy parameter for each track to the the location of the file or the script that initiates the download. Look in the description of the player – I list all of the available options.
Hi.
Thanks for the great player.
I’m trying to turn off the rating completely.
Is there an easy way to do this? maybe in the css?
I like your script
What about trying to do a plugin for wordpress from this script ?
It will be a great plugin. I have already implemented this script into my wordpress website, but the player is not configurable from wordpress admin. See it here http://gomymusic.com
I really appreciate if you do this plugin
Hey Saleem, here is the WordPress tutorial I was speaking about. If anyone looking to integrate it into WP, I wrote a little tutorial showing how to do it. Also it includes a “theme options” page for the player. Check it out. Prolly with some more edits it can be made into a plugin.
http://wp.tutsplus.com/tutorials/html5-music-player-settings-page-integration/
Hi Saleem
Very nice player indeed!
But to me it doesn’t work in IE8. Even the demo hosted on this site does not work.
Have any of you guys experienced the same?
Kind regards,
Tobias
I want to use this hot player for a shoutcast player! How can I use it for that?
I mean, the update of the information?
Hello~
I’m really glad to find your music player – it was exactly what I was looking for!
I’ve gotten it to work on most browsers, however, I’m having one odd problem in IE8 and IE9 that strangely enough does not happen in IE7, and I was wondering if anyone has come across this and has a solution. Here is the site with the player:
http://www.annalisemorelli.com/music_MUSIC_PLAYER
The problem is with the numbering of the playlist. It loads up fine (songs are numbered 1 through 5), but when I click on the play button, all of the songs become number “1″. Then when I mouse over the playlist, the numbers change, but not to “1 through 5″. The numbering changes upon mouse-over differently depending on which song is currently being played. Again, this only happens in IE8 and IE9, but works fine in IE7, Firefox, Safari, and Google Chrome. Have not tested any other browsers than those.
Does anyone have any ideas what could be causing this? Thanks in advance for any help you can give me!
Lisa
Anyone? Please? I have tried everything……
Dear Saleem, i know you told us you give no support for your freestuff, i also bought your media box, but need to run this freeplayer on an otherside and i would like to know how the player could be stopt to play automaticly the playlist, hope that you could tell us..
Kind regards
Michel
Hey guys,
Player works perfectly on Joomla! 1.7…except all songs titles are the same…:(
Example : I have 9 songs on my playlist (called from 1 to 9). If I play song 1, all the titles are the same and display “1″. If I play song 2, all the titles are “2″,…
Any ideas why ?
http://www.peniel-resurrection.com/la-boutique.html
Good evening Saleem,
I know you do not offer support for this music player. I purchased your MediaBox player, and my questions affects both the Media Box player and this free player. Once the music is playing, if I click a link that opens a new browser window, the music continues to play. Is there a way to stop the music from playing once a link on the page is clicked?
Thank you sir.
Hi i followed all the guides and can create playlists with everything in place, BUT the music will not play i tested the song with its path on the browsers and it works so its defiantly there !
any help please ?
i even converted the mp3 to .ogg and uploaded that still no luck
looking at your javascript on the demo online Your file extension is mp3 & oga for some reason, why is this ?
cheers
Hi,
I was wondering if anyone knew how i could pass a PHP array into the playlist so that it automatically adds the files itself.
so for example, if had a link to various mp3 files in a php array, how could i pass it to the var playlist in jquery.
var playlist = [
{
mp3:'your url'[from a php array],
ogg:’ogg url[from a php array]‘
}
];
You would need to use json_encode in your php to convert the array to json, and then use jQuery’s parseJSON function to convert it into a js object.
Thanks mate,
the other thing i wanted to know is, how do i make it so the player doesnt require the OGG file aswell. I want to only use a MP3 file.
It seems to work in IE, but with Firefox and any other browser it doesnt seem to work. Can you assist?
Noob question:
Just need to know which setting I should change to move the player left and right.
(on the demo it’s centered, just need to move it over to the right, similar to this site >
http://www.annalisemorelli.com/music_MUSIC_PLAYER
Any help is greatly appreciated.
This is the best solution for playing music on websites.
You should add a SCROLL to the Playlist Section and have the Option to have the SHOW MORE feature or SCROLL for FIXED areas.
I use ASP.NET, I got a error “Media URL could not be loaded.”. Can you tell me why?
How do you remove the buy button in the ttw-music-player-min.js?
Trying to use a single player and let the user pick 1 of 3 listed play lists. Any ideas?
automatically play the next song issue: when I have more then one song, the player will jump to the next song and play it automatically, how can I change the settings so it can be controlled manually.
Hey
first of all big thanks for releasing a great template like this for free! I was wondering if it’s possible to use it as a rating tool for music ? Can I see something like a statistic how many people press 4 stars or 3 ?
regards,
frederic bartl
If it doesn’t work with Firefox but finely with Chrome, check that you put an ogg version of the file because Firefox needs it ^^
Im having a hard time figuring out this..
if open the live demo in IE8 it works but when i downloaded the demo then opened it in IE8 it doesnt work.. can somebody please explain me why is that so..
Thank you!
Will this be able to start playing music on page load on iOS? I’ve read where iOS has some issues in this situation.
I’m having trouble with IE7/8 too; It simply won’t load. I can see the images etc. but it’s simply not working. I made several changes to the code, I removed the stars, removed the “buy” button, that might be it? It works just fine in the other browsers. Also, the swf is in the right place, and the weird thing is that the donwloaded demo won’t work either, just the one hosted here.
Turn on jPlayer’s internal debug option to see if you are getting any errors.
Thank you, I managed to find the problem. I had to host locally the demo for the flash to work, so if someone else is having trouble you should try that. Thank you very much for your awesome player. Ill show you the results when I upload it.
Hi Eva. and Saleem
I cant load the player in IE 8 and Safari 5.. even the images does not load.. do you have any ideas on how.. im actually new with this. sorry to bother you.. thank you so much!!
Hi Saleem
I used your player and uploaded it here the site
http://djbuddah.com/demo/downloads.html
but i cant make it play on safari and IE 8.. help please.. ive been asking this to you since last year but your not replying yet you attend other’s inquiry. is there a problem??
I, too, am trying to figure out how to get the player to operate in IE 8. How do I turn on the jPlayer’s internal debug option to check for errors?
This works great in Firefox, Chrome, and Safari! Opera will play audio, but not display image. IE 8 will not play audio nor display the image.
Any help would be great!
I cant get the player to play the files??? Please HELP!!!
Hi Saleem, is it possible to move the playlist to the right side…and make it look as 2 columns? I’m a begginer
i want to make it look like this:
http://i181.photobucket.com/albums/x225/algalordking/HTML5MusicPlayer.jpg
i dont know how to handcode javascript, it took me about
“on and off” to 5 hours to customize/understand the original plug-in, awesome plug-in, i will be utilizing soon!!!!! The comma after the “},” took me a second to figure out haha thanks once again
I have this error in safari5, ie8:
Hi Saleem
jPlayer 2.0.13 : id=’jp_jplayer_0′ : Error!
Attempt to issue media playback commands, while no media url is set
Use setMedia() to set the media url
Context: play
any help about this
How can i add shuffle or randomize songs please ?! Tell me
The player is excellent! I congratulate them.
the only thing I can not get in place it wherever I want on my site. Someone could help me? absolute location will have a body?
Pardon my English, translator obvious jeje
POL
pay no attention to jQuery. Fixed issue!
Is it possible to embed this player on any page that is already built?
Thanks
Hi. Thank you for creating this wonderful player.
I have a question about the ShowMore function. I changed tracksToShow:10, but it’s still shows 5. Also this function is broken in IE. It will show all from the list with showmore button on top. Any idea? Thanks
here’s my website, with the player running. Thank you for this, thank you thank you!
http://www.evapaez.es
Hi eva.. mine’s not working here’s the site.. its not working with safari and IE
http://djbuddah.com/demo/downloads.html
I have the player working in all browsers except Firefox. Any tips on getting this to work?
I wonder how i can place this in a div layer and not just in the body?
Please help me I really do not understand how this works…
hi saleem,
im not a gr8 coder so i rather ask than break the code itself, what i want to accomplish is to add to your player an option of autoplay after end of the track so the user wldnt have to press play bttn after each track ends. thanks in advance.
someone solved that in the comments, do a search in this page and you’ll fint it, I have autoplay working here: http://www.yoop.es but i dont remember how i did it, just that I copied what someone said here.
Hi Saleem,
I figured out how to turn on the internal debug option to check for errors. I have uploaded the whole music-player folder onto my server and have not made any major changes. (Just some CSS changes and the audio file names. Locally, this works great in all browsers! Upon uploading, I’m receiving the following errors.
IE 8:
jPlayer 2.0.22: id=’jp_player_0′ : Error!
No solution can be found by jPlayer in this browser. Neither HTML nor Flash can be used.
Review the jPlayer options: support and supplied.
Context: {solution:’html,flash’, supplied:’mp3,oga’}
————————————
Firefox/Opera:
jPlayer 2.0.22 : id=’jp_jplayer_0′ : Error!
Media URL could not be loaded.
Check media URL is valid.
Context: mix/rd201201.ogg
——————-
Again, any help would be most appreciated!
– Dan
Sounds like your paths to the media files are incorrect. You should use absolute urls to avoid situations like this.
Hi Saleem,
Thank you for the quick response! It’s working great now! It was actually a CSS issue where I had some elements with display attributes set to none.
I have noticed that this works in all major browsers except for IE 8. Even the demo hosted on this page won’t pull up on IE 8. The internal error alerts will display this message upon loading in the IE 8 browser:
jPlayer 2.0.22: id=’jp_jplayer_0′ : Error!
Attempt to issue media playback commands, while no media url is set.
Use setMedia() to set the media URL.
Context: play
Any suggestions? Other than telling users to update their browser to IE 9
Unfortunately IE 8 still gets a lot of usage.
Thanks again!
– Dan
Hi Saleem,
Problem solved! It was simply a matter of having the latest Flash player installed on IE8! I was rockin’ version 8.x, while the lastest version is 11.x.
Demo works great now, as well as the mods that I made to the player!
Hey everybody !
Well, it seems to be weird no ? For me, it works on IE, Safari, Chrome but Firefox and Opera, no way !
I don’t understand if somebody can help me, he’s welcome.
Thanks to Saleem for this wonderful Player and all his work and patience.
Mark
Hi Saleem,
Is there any way to disable the playlist repeat functionality?
– Dan
Hi Saleem. The player is a fantastic piece of work. Could anyone give me some help as to how to store/save the ratings. I’m a bit lost with that!
The player works on all browser, including iOS, except IE8 (and possibly IE7).
I tried the .htaccess trick but didn’t fix the problem.
I guess it’s because the player doesn’t find the Jplayer.swf
I merged ALL files in one folder, and updated all links in various .js etc. for 2 reasons:
1) this way I don’t have to think every time abouth paths with “../xxx/xxx” etc), I just have
2) I propose 2 differents styles of the same player on my website
In the Demo, in the the main html page where the Player is embedded, there is this code:
jPlayer:{
swfPath:’../plugin/jquery-jplayer’ //You need to override the default swf path any time the directory structure changes
}
As my Jplayer is in the same folder as all other items, I changed it this way (without success):
jPlayer:{
swfPath:” //You need to override the default swf path any time the directory structure changes
}
Do I do something wrong? How must I formulate a path that is in the same directory?
Thanks for your answer(s)
By the way here is the website (The Player is in the “Extraits” section): http://www.d-kalage.ch
Finding the HTML5 player is a big relief after searching a long time for a simple MP3 web site player that would accommodate a playlist. I don’t need a lot of bells and whistles, just a neat player that could avoid Flash, thus enabling iPhones, etc., to also use my site to listen to mp3s. This seems, so far, like a great solution.
I have a question about adding a field to the myplaylist.js file. I want to place a small red star (redstar.png) next to certain titles to indicate that these are part of a particular series. I added the item to the playlist file, and edited the /plugin/css/styles.css, but I’m guessing I need to edit the ttw-music-player-min.js? This is scary for me but I like to learn. Is this, in fact, the file that must be edited, if we can assume the myplaylist.js and /plugin/css/styles.css files were correctly edited but the star doesn’t show up? I suppose there’s some sort of mapping to get it to land correctly within the tracklist.
(Additionally, if I go Premium and purchase Media Box, will this be over-the-top for a person like me, who only wants a simple player with a playlist but is willing to pay for support, or will it still provide just the basics as HTML5 Music Player does for me? Thanks!
This works very well (thank you!) except… when an iOS device goes to sleep (after 2 minutes by default) the player will stop at the end of the current song. iOS is the main reason for me to implement the HTML5 so this is quite an obstacle. How does the iOS Music app get around that?
Hey Saleem,
The player is great. I was wondering if you have any ideas for supporting albums. Like have albums listed to the side and then on clicking each album, make XML of songs of that album and load that album. Any ideas of that sort?