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 ZoomIt ,

as you said in documents, i put these codes in player settings:

,skinwave_wave_mode: ‘canvas’

,pcm_data_try_to_generate: ‘on’

,settings_php_handler: ’/public/assets/player/publisher.php’

but automatic waveform generator is not working yet, all the waveforms are generated randomly and they are not real.

so how should generate real waveform automatically?

regards

Problem solved! never mind.

hello this player is not working properly when i enable “skinwave_enableSpectrum” the waves play for 2 seconds very fast and then disappear, please advice

Tested on Version 72.0.3626.119 (Official Build) (64-bit), and still the same, noting that i tested it on different laptops and the same result. Are you sure it is working ?

Also tested on mozilla firefox different laptops, same result Also tested on android device latest google chrome version, same result.

hello still having the same issue at the first 2 seconds please check the link below

http://bkcpanel.com/

Hello

Yes, I see after 2 seconds waves briefly dissapear, but they come back

It just analyzes track data.

Spectrum is not very reliable

You can try disabling it

Cheers!
Radu

what is the option so that when reloading the page the audio starts at 0:00

Hello

It should do that automatically

Unless you set the option to playfrom on the songs

Cheers!
Radu

Hi, II do not know how to write in English but I can read it.

How to change and customize the properties of buttons like color?

Thanks !

I have installed the player and have two issues. First, the volume button does not appear and second the waveform does not appear. I have followed the instructions for auto wave generation but nothing shows up.

Hello

Can you show me a link ?

Cheers!
Radu

I’ve managed to sort most of this out. The volume control does not appear on narrow columns. I’ve changed my CSS to change that. I’m now getting a waveform but I see no difference when I choose ‘canvas’ as the setting.

Lastly do you have a way of sending events to GTAG rather than analytics.

Thanks for your help.

Hi, I just purchased you audioplayer. I got a little demo site working locally but it doesn’t seem to be responsive.

Is there some configuration I have to do on my end to make this happen or should it be responsive out of the box?

Hello

Can you upload your site so I can have a look ?

Zoomsounds is responsive, but it depends on how your page is setup

Cheers!
Radu

I have the liked and favorite option turned on. I would like to use it as a vote.

Is there a page about the total number of stars and popularity somewhere?

Thanks

Please comment from the account you purchased

Cheers!
Radu

Hey there, it seems like the documentation for this item is not complete. I saw that there are also a lot of bugs in the demos in the download-file. Can you confirm that? Please send us the latest files. Thanks.

Hello

Should be the latest

What are the bugs ?

Cheers!
Radu

Hello,

Thank you very much for your great component, I am so happy with it. You’ve done an awesome job making so versatile wave player with so many additional functions, thank you!

I use your player on Joomla site and it looks absolutely marvellous. Only it seems that I can’t make it work exactly as it should, as I am total n00b in JS and PHP, sorry.

So I have a list of audio tracks (not your playlist, as I need to put many additional info to each track, so it is just my list of tracks). Each track has you “play/pause” button, which is linked to your footer player. Everything works fine except two issues: 1. publisher.php file generates new pcm file data in db folder each time I press “play” button. I need it to generate these data ones and then just read it from the file, but it keeps create it from the scratch again and again. 2. The worst problem is that for example I have 6 tracks on a page. I refresh page, hit “play” button on any track, and everything is fine, it shows the correct waveforms and works as it should. But when I press “play” on a next track it just uses pcm data from a track which was played before. So for all 6 tracks that would be the waveforms of any track, which was played first. If I refresh page, then again it works correctly, but again only for a first track I play after refresh. Others will have same waveforms. No matter that I have all pcm data for all tracks in db folder and of course, they are different. It seems like it caches the first played track’s data and uses it till next page refresh.

Here is my code of the “play/pause” button:

Example Artist Example1

And my code for a footer player:

<section class=”dzsap-sticktobottom dzsap-sticktobottom-for-skin-wave-small”> </section> <script>(function(){ var auxap = jQuery(”#dzsap_footer”); jQuery(document).ready(function ($){ var settings_ap = { design_skin: “skin-wave” ,autoplay: “off” ,disable_volume:”default” ,cue: “off” ,embedded: “off” ,skinwave_dynamicwaves:”off” ,skinwave_enableSpectrum:’off’ ,settings_backup_type:”full” ,skinwave_enableReflect:”on” ,playfrom:”off” ,skinwave_comments_enable:”off” ,preload_method: ‘none’ ,settings_php_handler:’zoomsounds/publisher.php’ ,pcm_data_try_to_generate:’on’ ,pcm_data_try_to_generate_wait_for_real_pcm:’on’ ,skinwave_mode:”small” ,swf_location:”./ap.swf” ,swffull_location:”./apfull.swf” ,design_wave_color_bg:’ffffff’ ,scrubbar_tweak_overflow_hidden : “on” ,default_volume:”5” }; dzsap_init(auxap,settings_ap); }); })();</script>

Each track has unique ID. Folders/files permissions on server are: for files like publisher.php – 644, for folders like db – 755. All Joomla cache is off, no site caching whatsoever.

I can give you a link to my site and also an admin access to Joomla backend if needed, I just don’t want to publish those data here, so I would rather send it to you in some private message or email it to you.

I tried different approaches but with the same result. I am quite sure that I just make some mistake, I just don’t know what it is. I really hope you can help me to sort this out. Your player was my last hope literally and I need it to work properly so much. Please help me!

Again thank you very much for such a hard work with this player. I love it. If only I could make it work properly.

Best regards.

Hello,

Sorry, seems like some code got striped out in my message, I will try again:

Here is my code of the “play/pause” button:

"<div data-type="audio" div="" id="BER1137_01_EXAMLPLE1_LC07877" class="audioplayer-tobe skin-customcontrols auto-init position-relative " data-source="tracks/ber1137_album1_48/BER1137_01_EXAMPLE1_LC07877.mp3" data-scrubbg="tracks/ber1137_album1_48/BER1137_01_EXAMPLE1_LC07877.mp3.png" data-scrubprog="tracks/ber1137_album1_48/BER1137_01_EXAMPLE1_LC07877.mp3.png" data-playfrom="0" data-thumb="tracks/ber1137_album1_48/ber1137_bild_s_io.jpg" data-fakeplayer="#dzsap_footer">
         <div class="custom-play-btn position-relative playbtn-darkround" data-border-radius="5px" data-size="30px" />
         <div class="custom-pause-btn position-relative pausebtn-darkround" data-border-radius="5px" data-size="30px" />
         <div class="meta-artist-con">
            <span class="the-artist">Example Artist</span>
            <span class="the-name">Example1</span>
         </div>
      </div>"

And my code for a footer player:

"<div class="dzsap-sticktobottom-placeholder" />
<section class="dzsap-sticktobottom  dzsap-sticktobottom-for-skin-wave-small">
    <div class="audioplayer-tobe theme-dark button-aspect-noir " style="" id="dzsap_footer" data-type="fake" data-source="fake" data-playfrom="off">
    </div>
</section>

    <script>(function(){
    var auxap = jQuery("#dzsap_footer");
    jQuery(document).ready(function ($){
        var settings_ap = {
            design_skin: "skin-wave" 
            ,autoplay: "off" 
            ,disable_volume:"default" 
            ,cue: "off" 
            ,embedded: "off" 
            ,skinwave_dynamicwaves:"off" 
            ,skinwave_enableSpectrum:'off'
            ,settings_backup_type:"full" 
            ,skinwave_enableReflect:"on" 
            ,playfrom:"off" 
            ,skinwave_comments_enable:"off" 
            ,preload_method: 'none'
            ,settings_php_handler:'zoomsounds/publisher.php'
            ,pcm_data_try_to_generate:'on'
            ,pcm_data_try_to_generate_wait_for_real_pcm:'on'
            ,skinwave_mode:"small" 
            ,swf_location:"./ap.swf" 
            ,swffull_location:"./apfull.swf" 
            ,design_wave_color_bg:'ffffff'
            ,scrubbar_tweak_overflow_hidden : "on" 
            ,default_volume:"5"    
        };
        dzsap_init(auxap,settings_ap);
    });
})();</script>"

Best regards.

Sorry, it’s just not my day today. The previous code missed some parts again, sorry. I can try to post it ones again here, if you need. But also I sent you a private message with the link to my site, maybe it helps. Sorry again for all the inconvenience. I usually not that clumsy.

Just another attempt:

<div class="dzsap-sticktobottom-placeholder" />
<section class="dzsap-sticktobottom  dzsap-sticktobottom-for-skin-wave-small">
    <div class="audioplayer-tobe theme-dark button-aspect-noir " style="" id="dzsap_footer" data-type="fake" data-source="fake" data-playfrom="off">
    </div>
</section>

Hello,

I really like your player.

Unfortunately, if you visit my site http://www.yannanderson.com you can see after a few seconds, that the browser crash…

You can see here a screenshot from laptop http://www.yannanderson.com/fail_laptop.jpg

And you can see here a screenshot from mobile http://www.yannanderson.com/fail_mobile.jpg

I don’t have a lot of acknowledge and I don’t know how to see the error, and why the browsers crash / fail after a few seconds…

I really need your precious help, can you please tell me what is wrong ?

Thank you in advance for your support,

Best Regards

And if you take a look to http://www.yannanderson.com/fail_2.jpg you can see that the player consumes a lot of resources even any track is loaded. This screenshot is from a friend that tested my player without play music…

Hello

\\

not sure what is wrong – for my localhost only ~300M memory will be used

1. try to update latest audioplayer/ files . placed the update on codecanyon

if it does not work

2. try to set

,mode_normal_video_mode: 'one' // -- auto or "one" ( only one audio player )
for only one player to be active at the time ( there will only be ONE cached mp3 )

Cheers!
Radu

Hello Radu, I tried your idea, unfortunately, that dont work. And I have the latest files of your player

I just purchased your product and now I want to add a playlist to an entry on my blog. I see in your documentation how to do one song, but I do not see how to do multiple. Please point me in the right direction, thanks.

Hello

In the source folder you have multiple examples

  • index-default.html
  • index-gallery-skin-aura.html


Cheers
Radu

Hi.

Let me know please could i use your player as html code ? Because i use godaddy web builder, it is not allowed to use any plugins or download upload css files or else. I can put simply html , css, code and use it. I am interested to buy it, but i didnt know how you delivery your product to the customer.

thanks.

Hello

Yes, purely html code is enough to use zoomsounds

Cheers!
Radu

Hello.

I would like to have support regarding the player. Let me know what is the best way to communicate with you.

Thanks!

Hello.

Why do you caching total time and not store it in database like count of likes for each mp3 file? Is there any reason for that?

Thank you.

Hello

We have that in the wordpress version but not in the

"action_received_time_total":your_send_total_time

Then in your html file just input this wrapped by &script& tags

function your_send_total_time(argtime,argcthis){

  var data = {
    action: 'dzsap_send_total_time_for_track'
    ,id_track: argcthis.attr('data-playerid')
    ,postdata: parseInt(argtime,10)
  };
  jQuery.post("publisher.php", data, function(response) {
    if(window.console != undefined){
      console.log('Got this from the server: ' + response);
    }
  });
}

Then input the action for dzsap_send_total_time_for_track in publisher.php to save in database

Then when you get your track you will need somekind of retrieval from the database

data-sample_time_total="thevaluefromdatabase"

Cheers!
Radu

Hi.

Thank you very much for your answer. Is that a real code i need to apply to JS file and player config or not? Can you please provide a bit more detailed description what i need to insert and where?

Thank you!

Hello,

I use the ZoomSound Audio Player script on the Wordpress store.

The script does not work properly on mobile devices like iPhone and iPad. I can not play the song. Player appears but there is no sound. Everything works fine on the computer.

Greetings, Andrzej Jeziorny.

Hello Andrzej

Please post on wordpress plugin – and tell me link please

Cheers!
Radu

I do not use the Wordpress plugin. I used the jQuery plugin and the documentation available here: http://digitalzoomstudio.net/docs/zoomsounds/

Please post on the item you purchased then so support can be verified

Cheers!
Radu

Dear Radu,

I purchased your plug in but in the download there was no file that wordpress identified as a workable plug in. I contacted support about the issue on the same day.

Subsequently, I purchased a different plugin that worked.

I’m so sorry for any inconvenience but would like a refund.

My order # is: b998d02a-8aa2-4ded-959a-7066d2bebbd5 – 26 Dec 2018

Thanks! Debo

Yes, after my purchase the file I download doesn’t have the wordpress plug in. It wont load in wordpress. Subsequently I purchased another plug in and Im requesting a refund. Thanks so much! Let me know what you need from me.

Hello,

I just bought your plug in Zoom and when I upload the ZIP file it says, ” The package could not be installed. No valid plug ins were found.

And it fails.

Is there something missing? I used the download on Code Canyon.

Appreciate your help.

I purchased it on December 25th and the Zip file I download doesn’t work. So I am asking for help for making it work or for a refund. Please advise.

Thanks!

I’m so sorry for any inconvenience. I meant to purchase the plug in. Appreciate your help in explaining!

Here is my purchase code in case you need it for reference..

b78eee0b-4b0a-4c04-b5ee-c59b3a422f6c

Hi, I have just purchased your plugin and trying to install into Wordpress.

I see you have a section called – How to include the player in Wordpress, and a reference to 2 files:

<link rel=’stylesheet’ type=”text/css” href=”audioplayer/audioplayer.css”/> <script src=”audioplayer/audioplayer.js” type=”text/javascript”></script>

Where do these files go? I am using a child theme.

I understand where I can insert the second part of the code.

Thanks

Andy

my license : fe5d82b7-d086-47fc-908c-032f46d6dbef

Hi sorry for my bad english :P

can you help me please with my player ?

the first track in list cant get count like and count view

here the link https://djclub.ca/dj/mc-oldschool

thank you

Hello

You don’t have php file setup in php_publisher options of zoomsounds

Cheers!
radu

hi. i setup player as footer stick and it shows first thumbnail then play/pause buttons and … like example file provided in source folder. but i want it like the example on the site: https://previews.envatousercontent.com/files/251421118/index-sticktobottom_2.html

i want thumbnail left before track name, not on the left side. what i should i do?

thanks

Hello

it would require customization

It would be easy to do with a bit of css

Cheers!
Radu

can you give me a hint. cause I tries and no success

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