Love the sleek design and desktop functionality, but…....
You currently have a major bug issue with regard to the mobile device functionality, as I ran a test on my HTC Incredible smartphone (using an up-to-date android operating system), and the ‘standalone’ player (fully opened with no big button) will not play any of the audio files linked to the player.
When I access the player in ‘big button’ mode, it opens perfectly and plays the first audio file beautifully, but upon clicking the ‘next’ control button to skip ahead and listen for track number 2, 3, etc.., no audio sound results.
*My android device ‘test’ was not just performed from my own website’s implementation, but your live preview page as well.. both rendering the same problem.
Just made an update for this and it should be live shortly. Until then, send me an email from my profile page and I’ll send you the update.
I would like to know what exactly got updated so I know what needs to be changed.
Two pre-order questions:
1. is it possible to detect (with API) when an audiofile is finished playing? I want to create some action after someone completed the audio.
2. Is it possible to remove the controlbuttons and just show a progress bar, preferably in my custom color?
Thanks for your help.
There’s an “audioEnded” function in the script where you could make a function call. For your second question, this player doesn’t include a progress bar, so one would have to be built. But the controls can be removed easily if you did that.
why not have a downlo click.it will be better
I seem to have the same problem on mobile as DTFChime. No sound on mobile device (running android 4.3)
Send me an email from the form on my profile page along with a link to your site and I’ll try and help you with this.
Is there a way to have a single-file player and it be just a play button?
Assuming you want just the small play button like this:
Start with “nobutton.html”, and change the “cj-music-container” to look like this:
<span class="cj-music-pause"><img src="img/cj_music/music_pause_2.png" width="8" height="10" alt="pause song" /></span>
<span class="cj-music-play"><img src="img/cj_music/music_play_2.png" width="7" height="10" alt="play song" /></span>
Then inside “css/cj_music.css”, change the following values for these classes:
padding: 0 0 0 11px;
This is perfect for my website.
I’ve purchased and having a positioning problem. Wondering if there is a way to center the player in a div. on a responsive webpage? I’m using bootstrap and want to place the player in their Pricing table Bloc. My usual lame tricks aren’t working for me. Thx!
The easiest way to center the player would be to wrap it in another div and then assign some CSS to the parent div. Here’s an example:
<div id="music-wrapper"> <!-- Plugin HTML here --> </div>
margin: 0 auto;
Bought this nice player a few days ago. When opening the site in firefox browser on Nexus7 latest android release, it mentions that a plugin is needed.
What is the solution?
Not sure why that’s happening, as it works in my Android devices here, but send me an email from my profile page and I’ll try and help.
Is this your profile page? Please try the link to the troublesome page: [link removed]
I created an Artisteer R4 responsive template for it. I wonder, is it normal that player doesn’t resume playing after download of a tune?
Like to hear about your findings.
Use the contact form on this page:
It is possible to use this in Joomla?
It’s possible, but would have to be added manually by an advanced webmaster.
can i implement this skin with my current jplayer playlist player?
The skin isn’t automatically compatible with jPlayer, so it would require some custom work.
the headphone image is not centered on the circle button.. how to put it in the center? i am using the black colored player..
also 1 very important thing because my site is responsive… I CANNOT align the whole player in the center….. kindly solve this bug. thanks
I’ve just answered your email.
I’m having problems with the looping as well. I have done both of the fixes you listed above and the music stops looping, however the icon is still set to “play” and doesn’t change to “pause”. Is there an easy fix for that?
if(leg === 1) audio.attr("loop", "loop");
On line #421 inside the “audioEnded” function, comment out the third line that says “handleArrows”.
Send me an email from my profile page along with a link to your site and I’ll try and help you with this.
can I load playlist with json dynamically?
The plugin doesn’t include this functionality natively, but the HTML markup for the player could certainly be outputted to the page dynamically with some custom server-side script.
Hi! is this plugin phonegap compatible? or is it easy to get it to work?
why did u include 20MB and over of music in the zip? that makes the upload fail unless prper params are modified… why didnt u put 300KB songs there…
the zip i downloaded (codecanyon-1275465-html5-music-player-with-3-css3-skins) it’s NOT recognized as a valid plugin when i upload it, please help thanks
ah, my mistake, it’s not a wp plugin
Hi, nice player. Is it working with simple mp3 url? I mean, not files located on localhost or uploaded in it, but any url on the web or urls in matter of playlist? Does your script need ogg files as well or maybe just mp3 will be enough? What about newest jquery version (2017)? Is it still working?
Use, by you or one client, in a single end product which end users are not charged for. The total price includes the item price and a buyer fee.
Use, by you or one client, in a single end product which end users can be charged for. The total price includes the item price and a buyer fee.
View license details
Deliver better projects faster. Photos, templates & courses
Unlimited downloads. Only $29/month
Learn almost anything with
Envato Tuts+ for free
25,000+ tutorials and 1,000+ courses
Designers matched perfectly to
you on Envato Studio
2000 artists ready to undertake your work