This author's response time can be up to 2 business days.
the footer player does not seem to continue plying when i change pages
You need ajax template
hi ….im not using wordpress theme , and that article doesn’t give me the ajax template , thanks
Even if you are not, you need a template that allows ajax navigation
For example – https://themeforest.net/item/q-creative-the-html5-template/12693538
You can see that the page does not reload on navigation
hi , player says “undefined” but song still plays
Can you show me a link ?
Must be a mistake in configuration
Download latest version and replace audioplayer folder
Should be fixed
Is it possible to add a button to footer player for hiding it? Could be handy on mobile devices when users don’t wanna see it and use only main players on the page.
Grab latest update
<section class="dzsap-sticktobottom dzsap-sticktobottom dzsap-sticktobottom-for-skin-silver">
<section class="dzsap-sticktobottom dzsap-sticktobottom dzsap-sticktobottom-for-skin-silver">
<div class="sticktobottom-close-con"><svg version="1.1" class="svg-icon icon-hide" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="144.883px" height="145.055px" viewBox="0 0 144.883 145.055" enable-background="new 0 0 144.883 145.055" xml:space="preserve"> <g> <g> <g> <g> <g> <path fill="#5A5B5D" d="M72.527,145.055C32.535,145.055,0,112.52,0,72.527S32.535,0,72.527,0c37.921,0,69.7,29.6,72.35,67.387 c0.097,1.377-0.942,2.572-2.319,2.669c-1.384,0.087-2.571-0.941-2.669-2.319C137.423,32.557,107.834,5,72.527,5 C35.293,5,5,35.293,5,72.527s30.293,67.527,67.527,67.527c35.271,0,64.858-27.525,67.355-62.665 c0.098-1.377,1.302-2.396,2.672-2.316c1.377,0.099,2.414,1.294,2.316,2.672C142.188,115.488,110.41,145.055,72.527,145.055z"/> </g> </g> <g> <g> <g> <path fill="#5A5B5D" d="M45.658,101.897c-0.64,0-1.279-0.244-1.768-0.732c-0.977-0.976-0.977-2.559,0-3.535l25.102-25.103 L43.891,47.425c-0.977-0.977-0.977-2.56,0-3.535c0.977-0.977,2.559-0.977,3.535,0l26.869,26.87 c0.977,0.977,0.977,2.559,0,3.535l-26.869,26.87C46.938,101.653,46.298,101.897,45.658,101.897z"/> </g> </g> <g> <g> <path fill="#5A5B5D" d="M99.396,101.896c-0.64,0-1.279-0.244-1.768-0.732L70.76,74.295c-0.977-0.977-0.977-2.559,0-3.535 l26.869-26.87c0.977-0.977,2.559-0.977,3.535,0c0.977,0.976,0.977,2.559,0,3.535L76.062,72.527l25.102,25.102 c0.977,0.977,0.977,2.559,0,3.535C100.676,101.652,100.036,101.896,99.396,101.896z"/> </g> </g> </g> </g> </g> </g> </svg><svg version="1.1" class="svg-icon icon-show" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="148.025px" height="148.042px" viewBox="0 0 148.025 148.042" enable-background="new 0 0 148.025 148.042" xml:space="preserve"> <g> <g> <g> <g> <g> <g> <path fill="#5A5B5D" d="M74.038,148.042c-8.882,0-17.778-1.621-26.329-4.873C14.546,130.561-5.043,96.09,1.132,61.206 c0.241-1.359,1.537-2.268,2.897-2.026c1.359,0.241,2.267,1.538,2.026,2.897c-5.757,32.523,12.508,64.662,43.431,76.418 c17.222,6.551,35.964,6.003,52.771-1.544c16.809-7.547,29.672-21.188,36.221-38.411c6.552-17.222,6.004-35.963-1.543-52.771 c-7.546-16.809-21.188-29.672-38.411-36.222C68.706-1.792,35.266,8.613,17.206,34.85c-0.783,1.138-2.338,1.424-3.478,0.642 c-1.137-0.783-1.424-2.34-0.642-3.478C32.458,3.874,68.324-7.283,100.301,4.873c18.472,7.024,33.103,20.821,41.195,38.848 c8.094,18.027,8.682,38.127,1.655,56.597c-7.023,18.472-20.819,33.102-38.846,41.195 C94.624,145.859,84.342,148.041,74.038,148.042z"/> </g> </g> </g> <g> <g> <g> <g> <g> <path fill="#5A5B5D" d="M53.523,111.167c-0.432,0-0.863-0.111-1.25-0.335c-0.773-0.446-1.25-1.271-1.25-2.165V39.376 c0-0.894,0.477-1.719,1.25-2.165c0.773-0.447,1.727-0.447,2.5,0l60.014,34.646c0.773,0.446,1.25,1.271,1.25,2.165 s-0.477,1.719-1.25,2.165l-60.014,34.645C54.387,111.056,53.955,111.167,53.523,111.167z M56.023,43.706v60.631 l52.514-30.314L56.023,43.706z"/> </g> </g> </g> </g> </g> </g> </g> </g> </svg> </div>
Thank you! But few clarifications…
- Is it suppose to work or this is just a button and I must do the logic behind it by myself?
- Any screenshots or links to see how it should look like? Because for now, the button I added doesn’t fit the player and the design of the webpage.
Okay, when I click on the button – it gives me this error:
audioplayer.js:12756 Uncaught TypeError: Cannot read property
'api_pause_media' of undefined
at SVGSVGElement.<anonymous> (audioplayer.js:12756)
at HTMLDocument.dispatch (jquery.min.js:3)
at HTMLDocument.r.handle (jquery.min.js:3)
It should work if you have latest update
For premade example check source/index-sticktobottom-charts.html
I cannot have the latest update since all the source files are modified by you.
You only need to update audioplayer/audioplayer.css and audioplayer/audioplayer.js and maybe publisher.php – so you can update these files safely
How to make share buttons work? I’m using multiplayer and currently managed to setup share buttons from examples, but when I click on the icon of a social network to share to, it gives me an error.
- How do I make it work? Do I need some API keys from social networks? If so, in which file should I enter them?
- If users click share do they share only one player from the page or the whole page of my website?
Will be glad for any tips to make it work right, thank you!
Show me a link of your implementation
I will have a look
You do not need API key
I have sent all these issues to email dialogue we had before, please check it. Thank you!
it is possible a playlist with more tracks in the player ?
how i insert the player in my website ?
thanks & greetings
Yes you can add any number of tracks
This product is for html developers
For WordPress easy install check – https://codecanyon.net/item/zoomsounds-wordpress-wave-audio-player-with-playlist/6181433/
It is possible to make : ’Tags’ in ZoomSounds?
That all the sounds stays in ‘category’s’ on your website?
Thanks! Greetz Ruben
Yes, that functionality is easy to achieve with ZoomSounds
I can send you instructions after purchase
Hee ZoomIt! Is good! How i can contact tou? Greetz Ruben
Hello ZoomIt, Can you please send me instructions? Greetz
Send me message via https://codecanyon.net/user/zoomit
I’ll send you instructions on mail
I have included the audio player in my website. Now I need to capture the total duration(listened). Please tell me the function to capture externally using the id of the audio. for example in jplayer i used to do
api_get_time_curr and api_get_time_total are the functions.
Google Drive, Amazon S3 Support ? If no, will you be adding this ?
This is html script
We offer as a bonus php dynamic functionality for saving and retrieving comments and wave data. Also soundcloud retrieving given you have a Soundcloud API Key
We offer no other apis
That said, if you have the direct link to the mp3 on amazon s3 or google drive it should work
I have an issue with the audio player on my website when I open it from mobile. I wonder if you can help what is the issue.
Your quickly response will be highly appreciated.
Show me a link I will check on my mobiles
Thank you for your prompt response.
Not sure what is the issue, – it will not load the mp3 at all on mobile but update to 4.40
You have 4.24
You just need to replace audioplayer folder.
Then I’ll have another look
By the way nice work on the site. Looks awesome
Hello! Trying to paste this track as a source link: https://soundcloud.com/eternallovemusic/the-moment-i-met-you
But I see the message that the Soundcloud API not defined
Could you help me, please?
You need soundcloud api key for that ( registrations are currently closed )
Does it mean that I can’t use soundcloud as a source now?
If you do not have api key from soundcloud, no
The player supports soundcloud, but if you don’t have api key we cannot help
Ok! Is there a manual how to get it?
Registrations are now closed as stated
I’ve purchased this and I am really happy with it so far.
I’m looking to change the colour of of the generated scrubbar. Is this possible? If so, how do I go about changing it?
Thanks in advance!
In audioplayer settings have these settings
, design_color_bg: 'eeeeee' // --waveform background color.. 000000,ffffff gradient is allowed
, design_color_highlight: 'aa4444,ff2222' // -- waveform progress color
That’s fantastic, thank you very much.
I’m looking to add some opacity to the design_color_bg value.
Is this possible, or can I use an rgba colour?
Thanks a lot!
You can just do it via css
Please rate 5/5
None of the html files in the source folder works properly. I purchased this only and only for the player that shows the wave form and those actually show nothing. Yeah nothing is displayed in the browser (being a web developer for 10 years).
Is this player scam or something!!!
Why is it so messed up? Why all the HTML files are failing?
The problem has been solved. Sorry for my tone.
Maybe modify the rating please ?
I’m using 9 players on one page, and I am getting an error in the console…
VM17945:731 Uncaught DOMException: Failed to construct ‘AudioContext’: The number of hardware contexts provided (6) is greater than or equal to the maximum bound (6).
Live spectrum is still experimental in most browsers
You should not use it more then once per page
Documentation is terrible and outdated. Could you please update it.
We will update soon
Really great player, full of options, must have taken ages to write this, but the docs are really lacking and outdated, I had to spend a couple of hours looking through other questions here just to get it working as the docs refer to a config file that no longer exists.
Have you got a current list of all available options please?
Thank you . We will improve documentation
Until then , you have many preset html-s from which you can start from scratch
This is a totally good script, I am very pleased – thank you!
Still, I have one question – I want to compress audioplayer.js but already the dynamically generated waves are not correct – that is, at refresh page, they are different. Can anything be done? Regards
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 $3.50
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