This author's response time can be up to 2 business days.
Just wondering if there are any issues with the player being on an https site and while it states HTML 5 will that cause any problems with incorporating the player into a page with HTML 4 or lower.
Also, will this play across devices including mobiles and tablets generally.
If you could let me know that would be great, thanks.
You can place the player on https as well, there should be no issues.
You can try in html4, I dont think there is much difference with the player.
It should work well on all browsers and devices, but its best for you to test player demo by yourself.
I get the installation, but would like clear direct instructions about how to use the the index_popup.html template with my own MP3 files.
Can you just tell me what to replace/edit so can use (foe examle) 1.mp3, 2.mp3 and 4.mp3?
I now realize I may be in ‘over=my-head’ with your player. I was hoping for something simpler.
Your help file goes into way more detail than I think I need.
Its easy, just look for playlist1 part in index_popup.html template where mp3 files are linked like:
Then go in media/audio/1 folder and replaced with your own.
Just a couple of quick questions for you, I have read the help document and had a quick play with things in terms of getting files ready for editing and inclusion into the file system.
I’ll give you an example, at this stage I plan to use index_draggable_3
I had a play around with changing images with some test .jpgs, that went okay. When I went to input a test mp3 the result hasn’t been quite as successful and I’d like to quickly determine why.
I realize that they have to be named fairly specifically and I will need to update some of my files e.g currently I have the file as Lipcrack – Crackedup.mp3 showing up in the index file.
Can this be imputed as above? or are all the underscores required?
Below is how I currently have the index file .
The problem that I’m currently experiencing is once it has been done when I drag the file into the player, its not playing and that’s in demo mode offline with changes listed above.
As I’ve mentioned I’ll probably have to read the help document again but currently, all I need to determine is…
1. How exactly do the file names have to be replicated. e.g. like the example provided in the working model and
2. Is the main file I need to edit index_draggable_3 or do I need to go into other file systems and edit if I plan to keep things fairly similar to the demonstration page.
3. Another question I need to ask is there any limit to the number of tracks that can be dropped and dragged. e.g. can I list 10 tracks.
The final question is
4. When I upload the files to the server, I’d like to keep it to the bare minimum so for example when uploading the audio section can I just keep it to file 1 and not bother with 2,3 and his file as an example.
Appreciate any assistance you might be able to provide before I take another attempt at figuring out what I’ll need to do to keep it functioning without too many changes. I did input it into my own website editor and it came back with a fair few “code errors”... which is why at this stage, I’d prefer to keep it as close to the working document as possible and have it as a link running off my main site because once I try to add my own code most likely underneath the application there might be problems.
PS for some reason the demo mode isn’t operating in the Opera browser, but I’m experiencing that with a few pages that have an application code running on them.
If you want to replace with your own mp3 files, just set links as in data-mp3=’media/audio/1/Tim_McMorris_-_A_Bright_And_Hopeful_Future.mp3’
and your mp3 files need to be located in that location.
You cannot limit number of tracks dragged.
4. There cannot be only one file. You can see required files inside head tag. You could merge some files.
Hi! I buy this product, is possible for wordpress? thanks in advance
You can find similar audio player for wordpress here:
Sorry I don’t have much more money, it is possible to pay the difference and send me the wordpress? Please…
I need this… with mp3 read folder…
Sorry, we cannot offer any exchanges.
This comment is currently being reviewed.
GOOD SALES! I LIKE THIS PRODUCT!
I just bought your product and I have some difficulties to make it work.
If I unzip the file and open the examples everything seems to be fine but when I try to load an example from the server side I get the following error:
Resource interpreted as Stylesheet but transferred with MIME type text/html: “http://apps.test/admin/plugins/player/css/jquery.mCustomScrollbar.css”.
jquery-3.2.1.min.js:2 jQuery.Deferred exception: Cannot read property ‘replace’ of undefined TypeError: Cannot read property ‘replace’ of undefined
at Function.c.isEmpty (http://apps.test/admin/plugins/player/js/new.js:79:67)
at r.fn.init.f.fn.hap (http://apps.test/admin/plugins/player/js/new.js:56:279)
at HTMLDocument.<anonymous> (http://apps.test/mediaplayer:55:20)
at j (http://apps.test/admin/plugins/player/js/jquery-3.2.1.min.js:2:29999)
at k (http://apps.test/admin/plugins/player/js/jquery-3.2.1.min.js:2:30313) undefined
r.Deferred.exceptionHook @ jquery-3.2.1.min.js:2
k @ jquery-3.2.1.min.js:2
(anonymous) @ jquery-3.2.1.min.js:2
i @ jquery-3.2.1.min.js:2
fireWith @ jquery-3.2.1.min.js:2
fire @ jquery-3.2.1.min.js:2
i @ jquery-3.2.1.min.js:2
fireWith @ jquery-3.2.1.min.js:2
ready @ jquery-3.2.1.min.js:2
S @ jquery-3.2.1.min.js:3
jquery-3.2.1.min.js:2 Uncaught TypeError: Cannot read property ‘replace’ of undefined
at Function.c.isEmpty (new.js:79)
at r.fn.init.f.fn.hap (new.js:56)
at HTMLDocument.<anonymous> (mediaplayer:55)
at j (jquery-3.2.1.min.js:2)
at k (jquery-3.2.1.min.js:2)
Could you please help me?
Can you show me live link?
Does it work if you just upload deploy folder on your server and run same demo from there without any changes?
If I try with the html examples, it seems to work but when I wrap this into an php file, I have the issue you have check it
Send a message at http://codecanyon.net/user/Tean#contact
Ok, thank you
Done. I will wait your answer
I’m attempting to play a m3u8 radio livestream. The stream isn’t playing and I’m getting
Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause(). https://goo.gl/LdLk22
The stream will play locally, but once I try and use the player when its hosted somewhere the stream isn’t playing.
This error is just chrome bug unrelated to this, you can ignore it.
What demo are you using from the package and how does you stream look like?
hosting the files on s3
Your link unfortunately doesnt play on my side when I test it in player.
Inside version 1 player package there is example index_hls.html, which links to m3u8 files inside hls folder. This is the working example we have included.
Hello, I just purchased HTML5 Audio Player and have a quick question. Downloaded and see 2 versions. 1 and 2. What is the difference? Thanks!
Pretty much all is different, all demo examples, help documentation and all the code.
But audio playback features are almost the same.
what does depend on?
You can put a player in an iframe.
You probably have some errors in console.
Can you provide live link to your page?
This happens with all “versions 2”.
In practice, if I open the browser with the file “index_artwork”, once loaded on the server, it opens normally, but if I insert it in an iframe the player does not load correctly.
1. I need a link to your iframe page live, not image.
2. Open browser developer console, console tab (F12 key on chrome) and look for messages if exist on page load.
here is the link: https://goo.gl/GdnMxG
I have tracked it down to this: https://github.com/malihu/malihu-custom-scrollbar-plugin/issues/453
(if works if you set usePlaylistScroll:false for test)
1. I tried replacing new mCustomScrollbar js file but without success
2. I then used different jquery version other than 3.2.1 and it worked, so use some different jquery version inside iframe like 1.9.1 for example
I followed your instructions and now the player seems to work. The only thing is that on Firefox, when i change page, does not work in continuous playback while on Chrome or Edge (I used only these browsers for testing) works without problems.
How could i fix?
Thanks for everything.
This appears to be a bug. I have updated the code.
I have 2 question ..
1. I want to change style of audio player, but right click disable on player. How to enable right click on player. So i will inspect code and customized.
2. When i open left playlist panel in some player, playing audio stopped. what is the solution for that, Audio should play continuously after open left playlist panel.
What demo you use from the package?
This demo: http://www.interactivepixel.net/env/hap/2/index_modern_100.html
1. Find this part in new.js file: (this disables right click)
Its hardcoded now, but I may add this an an option in updates.
2. In index_modern_100.html page you will see the code which disables playback (forcePlayback):
Hi, I cant get the ‘folder’ option to work. It doesnt display the mp3s from location.
Tried many things.
This is the code -
<input class="hap-search-filter" type="text" value="filter...">
No, you can do it such way.
In hap-playlist-content element you can only place media that does not require processing (self hosted audio). Folder requires processing to get tracks.
Use activePlaylist option in settings and place folder playlist in hap-playlist-list:
Hi thanks for the help but i dont fully understand. My mp3 tracks are in deploy/mixes. Can you advise correct code please?
Failed playlist selection! Playlist – #playlist-mixes does not exist. Check activePlaylist option in settings!
If you have set as per help documentation instructions, then show me your page link.
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
Get it now and save up to $10
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