Code

Discussion on ZoomSounds - Neat HTML5 Audio Player with Waveform and Playlist

Discussion on ZoomSounds - Neat HTML5 Audio Player with Waveform and Playlist

By
Cart 1,770 sales

ZoomIt supports this item

Supported

This author's response time can be up to 2 business days.

535 comments found.

Hi. How can I add accessibility aria controls etc. to the player, specifically the play button, so vision-impaired people can find the play button on a page.

Can you give me a details explanation please.

Thanks Avner

Hello Avner

Grab the latest version and update audioplayer/ – should be there after

Cheers!
Radu

Hi,

I am having some problems with the ZoomSounds audio player. I want to use the skin-pro theme because from what I saw in a demo from your website it doesn’t have the waveform but for me when I try to use the skin the waveform is still showing and I want to know how to disable the waveform.

Hello

Can you show me a link please?

Cheers!
Radu

Hi, I put this player in mi webpage but I’m having some problems with some mobiles, for example iPhone 11, Huawei (android 6), Motorola, and some others. In those devices when I play the audios after some seconds the page “crash” and says something like “¡Oh, no! this web page has an error” (In spanish it says Se produjo un error cuando se mostraba la página web). It doesn’t happen in all devices and neither every time. This error has never happen with the native html5 player. My web page is www.ecosdelcombeima.com, I had it in the audios section but I had to turn it off because my audience was having lots of problems, but I have an example in this page: http://ecosdelcombeima.com/162476-prueba-audio-player-nuevo. Maybe there you can see if I’m doing something wrong or if this is a bug that other people are also having. Note: I’m only using the player without the playlist

Hello

Well, can you set it up on a development page so we can see the error ? Never had that error in the past, so would need to test this

Cheers!
George

Hi, thanks for your response, this http://ecosdelcombeima.com/162476-prueba-audio-player-nuevo is a demo where you can see the error

Hello

Are you sure it’s related to zoomsounds ?

Seems you have some other errors on your site

\\

Cheers!
Radu

Hello again. I ‘ve stepped up, however, I have a trouble to show the multiple track’s wave.

http://musicolive.com/trial/producers/ken-sakata-waves.html

Now I uploaded 3 tracks, and when I visit to check them with my PC monitor and smartphones, only 1 track wave is shown but the other 2 waves cannot be shown. I copied : index-oneplayer—wave-bigwavo.html

2) And about the id included with data-playerid=””, can I put any id at here?

Please help me. Thank you!

Hello

You are missing this file – http://musicolive.com/trial/inc/php/publisher.php

to save the waves

  1. 2 – you can put anything there

Cheers!
Radu

Hi there, I love the player, I just have one question, how can I increase the height of the player so that in the playlist will display eg. 10 tracks. At the moment, it shows only 4 tracks. Could you not only tell me which command to change but in which file do I insert the new height command. I’ve searched though all the files (all the css & js files) but I can’t find anything that changes the height to show more files in the playlist. Thank you so much, Steve

Hi, the item I purchase was the HTML5 Audio Player With Playlist and it’s really great and easy to integrate in my website. I’d just love to know how I can adjust the menu playlist height so that it will show automatically 10 items, at the moment it is limited to showing 4 (although it will scroll to show the other items). I think the height is set to 200px but I can’t see a way of adjusting it to say 750px. Great if you show me which line of code to adjust please to give me more menu playlist items.Thank you.

Hello

You’ll need to look at the design_menu_height attribute

set it to auto

Cheers!
Radu

Thank you, it’s worked and now looks even more wonderful!

Hi, I put this player in mi webpage but I’m having some problems with some mobiles, for example iPhone 11, Huawei (android 6), Motorola, and some others. In those devices when I play the audios after some seconds the page “crash” and says something like “¡Oh, no! this web page has an error” (In spanish it says Se produjo un error cuando se mostraba la página web). It doesn’t happen in all devices and neither every time. This error has never happen with the native html5 player. My web page is www.ecosdelcombeima.com, I had it in the audios section but I had to turn it off because my audience was having lots of problems, but I have an example in this page: http://ecosdelcombeima.com/162476-prueba-audio-player-nuevo. Maybe there you can see if I’m doing something wrong or if this is a bug that other people are also having. Note: I’m only using the player without the playlist

Hello, I haven’t have support for this issue I’m having, can you help me please with this. Thanks a lot

Hello can i use this player with https://deepsoundscript.com/

Hello

We don’t have any predefined integration with that script

Cheers!
Radu

Hi, I purchased this. I’ve just transfer your index-one-ag-showall.html (in your example folder) into my trial site. I’ve changed css and js file links, however, it cannot work properly. Could you support me? https://musicolive.com/trial/miyabi/01.html

I checked all link is OK. I use “CANVAS” html template also purchased in this codecanyon. So I use CANVAS’s Bootstrap.css and jQuery.js file. I also checked to exchange them to your old files, but nothing changed.

Thank you,

Hello

Try to redownload and find the new file

source/examples/index-one-ag-showall.html

I added

<!-- get code from here until END -->
so you have markers when the code is valid and what needs to be copied

Cheers!
Radu

Hi, I want to like multiple song list with autoplay , play after one another and view like this page ‘index-footer-player-comments-views.html’. with next and privious control from bottom .

Hello

The new update should solve this

Replace your audioplayer/ folder and clear your browser cache

Cheers!
Radu

Thanks, it is working now, But there is one problem in wave skin sometimes total-time taken of previous song to current song due to which wave is end but song is playing . footer player working fine. 1. Can i add loop button in footer player for single song repeat?

Hello

Try to add this

https://zoomthe.me/knowledge-base/zoomsounds-audio-player/article/loop-button-in-right-of-player/

In the player configuration you are using for the footer

Cheers!
Radu

Hello!

Thanks for your help with the previous question. We have another issue – there is some delay/lag between the sound and waveform color fill. How we can fix that? Thanks :)

Hello

Can you show me a link ?

Cheers!
Radu

The player is working fine on laptop browser but doesn’t play on mobile.

What can be the issue?

Here’s the link to the site – https://mayvibe.com

Hello, any feedback/support yet?

Hello

Sorry for the delay

We’ve been in PTO

\\

Seems to work fine

We’ll have a look at the infinity total time issue

Cheers!
Radu

Hello!

We’ve integrated Zoom Player on our website and experiencing an issue with waveforms for short audio files – (less than 1 second). They all look like a brick with different length. Please help :)

Hello

Show me a link

Cheers!
Radu

Thanks for reply! I’ve just sent the link via the contact form on your profile.

Hi, I have purchased Zoom Player on January 2nd, 2018. Purchase code: 16972a2a-36ce-4d10-a4e2-57cb6a909f0d.

I would like to have the latest update. How should I proceed?

Thank you in advance for your time.

Hello

You would have to redownload latest zip

-backup your audioplayer/ folder - replace with audioplayer/ from the zip

Check the examples/ folder for ready made templates

Cheers!
Radu

Hello! Is there any fast way to change play button color except changing css file? For example white button for wrapped boxed player, like on example for this web. Maybe there is a more detailed list of options? Best regards!

Hello

Add this in your html

<style>body .audioplayer:not(.scrubbar-type-wave) .ap-controls .scrubbar .scrub-bg{background-color:#828080}body .audioplayer .volume_active{background-color:#b657b5}body .extra-html{color:#222}body .audioplayer .con-controls>.the-bg{background-color:#222}body .audioplayer .audioplayer-inner .the-thumb{background-color:#222}body .controls-volume.controls-volume-vertical .volume-holder{background-color:#222}body .audioplayer.skin-wave .player-but .the-icon-bg{background-color:#b657b5}body .audioplayer.skin-wave .meta-artist .the-artist{color:#b657b5}body .audioplayer.skin-wave .volume_active{background-color:#b657b5}body .audioplayer.skin-wave .volume_static:before{background-color:#222}body .audioplayer.skin-wave .meta-artist .the-name,body .audioplayer.skin-wave .meta-artist .the-name>a,body .audioplayer.skin-wave .meta-artist .the-name object>a{color:#222}body .audioplayer.skin-wave .volumeicon{background:#222}body .audioplayer.skin-wave .volumeicon:before{border-right-color:#222}body .audioplayer.skin-wave.button-aspect-noir i.svg-icon{color:#222}body .audioplayer.skin-wave.button-aspect-noir .con-playpause .the-icon-bg{border-color:#222}body .audioplayer.skin-wave.button-aspect-noir .player-but .the-icon-bg{background-color:transparent;border-color:#222}body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .playbtn .the-icon-bg,body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .pausebtn .the-icon-bg,body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .player-but .the-icon-bg{background-color:#222}body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled i.svg-icon{color:#ddd}body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--filled .svg-icon path{fill:#ddd}body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--stroked i.svg-icon{color:#222}body .audioplayer.skin-wave.button-aspect-noir.button-aspect-noir--stroked .svg-icon path{stroke:#222}body .audioplayer.skin-aria .ap-controls .ap-controls-left{background-color:#b657b5}body .audioplayer.skin-aria .ap-controls .ap-controls-left .con-playpause{background-color:#996b99}body .audioplayer.skin-aria .ap-controls .ap-controls-left .con-playpause path{fill:#ddd}body .audioplayer.skin-aria .ap-controls .ap-controls-right{background-color:#e7e5e5}body .audioplayer.skin-aria .ap-controls .ap-controls-right .meta-artist-con{color:#b657b5}body .audioplayer.skin-silver{line-height:1}body .audioplayer.skin-silver a{color:#b657b5}body .audioplayer.skin-silver .ap-controls .meta-artist-con{color:#222}body .audioplayer.skin-silver .ap-controls .total-time,body .audioplayer.skin-silver .ap-controls .curr-time{color:#222}body .dzsap-color_brand_bg{background-color:#b657b5}body .dzsap-color_inverse_ui_text{color:#b657b5}body .dzsap-color_inverse_ui_fill:not(.a) path{fill:#ddd}body .player-but .svg-icon path{fill:#222}body .audioplayer.skin-wave .svg-icon path{fill:#ddd}body .audioplayer.skin-wave.button-aspect-noir .svg-icon path{fill:#222}</style>/*# sourceMappingURL=colorsForCustomCss.css.map */

find and replace b657b5 with your custom color

Cheers!
Radu

Great, thanks! One more question! Do player read tags from mp3 streams like artist name and track name or additional plugin is necessary? Working on radio and just curious.

Multiple instances of the player on one page looping through php. The first player has waveform, the next 5 do not. You can play the audio just fine but waveform is not generated. Every once in awhile the 2nd will generate. Was thinking it was an id thing tried it a bit did not fix. Help please!

Is that the player id you speak about? been working on this awhile now thought it was a quick implementation. Will give u good rating asap if you can help me please.

Got it working, and Ive given u a 5 star. Thanks Zoom

Hello

Glad to hear that!

Cheers!
Radu

Hello Radu, I have an issue with the player speed in Safari, in other browsers it work nearly instantly, but in Safari it can be about 10 seconds (sometimes up to 15) for player to start to play track. June 25th I’ve sent you a PM with the site address, can you please take a look. I would deeply appreciate your help and if such issue requires some custom work I will gladly pay for your help. I just really need this problem to be solved. Please, help me.

Hello

Can you show me a link ?

We receive hundreds of messages

Cheers!
Radu

Seen one skin with a playlist but the list behaviour is strange. Click the back arrow jumps to the former song Click another song and then back to the former song, that song continues where you left. ... Strange all over behaviour. Is that wanted? Why?

Hello

Which is it ?

Cheers!
Radu

Hey, is ZoomSounds only able to stream audio from SoundCloud or can it play locally hosted audio files? If the latter is possible, is the streamed audio compressed or full resolution?

Hello

It will play self hosted files

Soundcloud closed their api

Cheers!
Radu

Hi, dear..

I’m J Kim, registered user. I have a problem with volume control, would you please help me?

Here is my sample page.

http://www.fingerstep.co.kr/_MyInst/18_ZoomSounds/codecanyon-l94sBQvc-zoomsounds-neat-html5-audio-player/source/_VolTest.php

I tried to control volume in footer.

For example, when I play 1st song and set 1st song’s volume at 50% by footer’s volume and play 2nd song, 2nd song’s volume back 100% but still footer’s volume image is half.. And at that time, if I play 1st song again, 1st song’s volume is also back 100%..

I searched almost every comment in qna board about that but I can’t find. So, plz help me..

Really Thanks.

Hello

Update to newest version via zoomsounds > autoupdater

It will get fixed

Cheers!
Radu

Sorry, where can i find auto updater? you mean re download?

yes, sorry – redownload now

Cheers!
Radu

Hi, dear..

I’m J Kim, registered user. I have a problem with volume control, would you please help me?

Here is my sample page.

http://www.fingerstep.co.kr/_MyInst/18_ZoomSounds/codecanyon-l94sBQvc-zoomsounds-neat-html5-audio-player/source/_VolTest.php

I tried to control volume in footer.

For example, when I play 1st song and set 1st song’s volume at 50% by footer’s volume and play 2nd song, 2nd song’s volume back 100% but still footer’s volume image is half.. And at that time, if I play 1st song again, 1st song’s volume is also back 100%..

I searched almost every comment in qna board about that but I can’t find. So, plz help me..

Really Thanks.

Hello

The page returns 404

Try to set default_volume to last in the player

https://zoomthe.me/knowledge-base/zoomsounds-audio-player/2020/01/16/audio-player-options/

Cheers!
Radu

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey