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.

Hello there. Which PHP version should I have on the server for the plugin to work?

Thank you

The demo pages of the product we purchased are not working i want support

Hello

You need the latest update

You need to put the files into a server ( local example: https://www.apachefriends.org/ XAMPP ) in order for the files to run

Cheers!
Radu

Hello.

Can you tell me if the player fetch the cover image embedded in the track (ID3/metadata)?

Hello

Not at the moment

Cheers!
Radu

Hey there! we really love your HTML5 Audio Player Plug-In and we are using it on our current website!

We are currently programming a relaunch with Shopware 6 as a new base system and wanted to re-use your Plug-In in the latest version there, since the version we are currently using has a minor bug, which you have already resolved in the newer version, and it also seems that the newer version is more performant.

Anyways, as I tested the latest version of your Plug-In in our current dev system, I noticed that the MP3 files are always fully loaded to generate the PCM data. Moreover the PCM data, even if it was already generated and saved as a .html file, is generated anew everytime.

This is not the ideal situation we would like to have as the browser first loads the head data of the mp3, loads then the full mp3 file for generating the PCM data everytime, which is also separately loaded, even though the mp3 file isn’t played yet from the user.

In our current system your plug-in just loads the head data of the mp3, as well as the PCM data, but it loads the full mp3 file only when the user clicks on the play button.

Comparing those two versions of your plug-in, especially the audioplayer.js, I’ve noticed that you removed the ajax endpoint for the “dzsap_get_pcm” method, which would handle getting the already generated PCM data without loading the whole mp3 file, correct?

As it is pretty difficult to debug and rework a webpack packed plug-in as such, we would like to ask you if you could help us re-implementing the workflow to load the PCM data without loading the whole mp3 file and before the user clicks on play?

Or is this a known issue for you and we just have to configure something else on the dzsag_init() function? Using the old version, which we have implemented in the current system, would not be a good solution as we would need to handle a new workaround with the stated bug.

If you need more explanation of our problem or other information, don’t hesitate to reply.

Otherwise I’m looking forward for your answer! Best Regards

Any feedback?

Hey there, can give us any feedback for this problem?

I want to do the following please: My site css is black bg with white text. The player’s > and II controls are obviously in conflict with this although of course do work when located, apart from that it’s great.

is this html version similar to wordpress?

Hello

Yes, it’s the html version of the wordpress plugin

Cheers!
Radu

Will the player work on iPhone?

Hello

Yes – it will work on iphone

Cheers!
Radu

How to insert ZoomSounds player into Joomla article?

Hello

This is not intended for joomla

Cheers!
Radu

Hi! Awesome plugin! I just need your support regarding following: I would like to change the style of the waveform: I would like to get this: https://paste.pics/FO0SR ; instead, I’m getting this: https://paste.pics/FO0TG

I’d appreciate your support!

Best,

Gabriel Bohorquez

Nevermind, I just figured it out ;)

Bro i buy your script for my universal website audio with music and no find these skins from your demo, is only a single skin , i want this boxed skin to use, and is not here.

Hi, I also bought the wrong version. Please help me refund and buy the wordpress version.

Hello,

Is it possible to make the player reset to 0:00 when the page is loaded? Currently it’s remembering the last position (from a previous page visit), I would like it to reset to the beginning every time the page is loaded.

Thanks!

I figured this out, accidentally had data-playfrom=”last”in the code, removed that and it works great.

Hey there, on this page here we have multiple instances of your player. The first three look fine, but the two players below them look pretty weird with these thick audio lines, do you know why they look like this?

https://www.ghosthack.de/ultimate-vocal-library-3/

Hello

options for the player

Place this before the end of

< / body > 
tag:
<div hidden="" class="dzsap-feed--dzsap-configs">{"skinwave-with-comments":{"design_skin":"skin-wave","disable_scrubbar":"off","skinwave_enablereflect":"on","design_wave_color_bg":"c7c7c7","design_wave_color_progress":"ff0000","skinwave_wave_mode_canvas_waves_number":"3","skinwave_wave_mode_canvas_waves_padding":"2","skinwave_wave_mode_canvas_reflection_size":"0.25","skinwave_comments_enable":"on","soundcloud_apikey":"be48604d903aebd628b5bac968ffd14d","php_retriever":"http:\/\/192.168.0.107:81\/wp2\/wp-content\/plugins\/dzs-zoomsounds\/inc\/php\/soundcloudretriever.php","settings_php_handler":"wpdefault","pcm_data_try_to_generate":"on","pcm_notice":"off","notice_no_media":"on"}}</div>

assign player options to playlist

then replace

div class="audiogallery ag1" style="opacity:0; padding-top: 0px;"> .... 

with

div class="audiogallery ag1" data-options='{"settings_ap":"skinwave-with-comments"}' style="opacity:0; padding-top: 0px;"> ... 

this will make the playlist assign these options to the player waveform

Cheers!
Radu

please answer me i ca,’t install this plugin

HELLO I DOWNLOADED THE PLUGIN BUT I CAN4T INSTALL IT IN WORDPRESS CAN YOU HELP ME

what about my money ?

you can send refund request for this version

Cheers!
Radu

Hi,

I didn’t realize that this does not support RSS feeds as I’m looking to embed an entire show as a playlist.

I also just noticed that Acast has an audio player for embedding as well, so I’m going to probably just use that for now.

Can you please cancel/refund my order as I will not be using this? I’ve already deleted it from my computer.

Thanks.

Matt

Hello

Amended

Cheers!
Radu

I have boughht your HTML5 Waveform Mp3-Player and still have several Questions: I managed to install a Player with Playlist: (https://klassik-resampled.de/test/pop-jazz-player2a.html#ChildVerticalTab_14 please stay on the player 2 Tab the other tabs has another Playertype) 1) but I didn’t achieved to get also thumbs for each item in the Playlist 2) I did not figured out to allow likes or rating for each single track of the playlist, meanwhile I found exsamples for likes and Rating and even spereate db-files to count them 3) I dont like the color of the Button and Volume ”#b657b5” ofwhich I cam not find in which file I can change this Value. I would be very thankful, for every helpful advice

Hello

1. generating the players with dynamic data is not part of support

2. again, you need to figure this out yourself, support is only for bugs

3. again, customisation request – you will need to find some relevant css here – https://zoomthe.me/knowledge-base/zoomsounds-audio-player/

Cheers!
Radu

Good Morning, I have created this https://sofiasins.com/ website and I use your library for players, I have some issues after some min audio files star download my preload method:’none’. How I can disable all load sounds when the page is loaded and add only on the click play button? Here my config: function settingsPlay(design_wave_color_bg, design_color_highlight) { return { disable_volume: “on” , autoplay: “off” , cue: “on” ,autoplay_on_scrub_click: ‘autoplay’ ,settings_backup_type: ‘full’ // , skinwave_timer_static: ‘on’ , preload_method: ‘none’ , preview_on_hover:’off’ , skinwave_wave_mode_canvas_waves_number: 2 //—the number of waveform bars ( set this to a high number like 200 for 200 waves, or to a small number like 3 for 3px waves ) , skinwave_wave_mode_canvas_reflection_size: “0” //—the percent of the reflection , skinwave_wave_mode_canvas_waves_padding: 1 //—the spacing between waveforms , design_wave_color_bg: design_wave_color_bg , design_color_highlight: design_color_highlight , skinwave_wave_mode: “canvas” , skinwave_wave_mode_canvas_mode: “reflecto” , pcm_data_try_to_generate_wait_for_real_pcm: “off” , disable_scrub: “default” , design_skin: “skin-wave” , skinwave_mode: “small” , skinwave_wave_mode_canvas_normalize: ‘on’ }; } Thanks:)

Hey there,

we have a problem with the ZoomSounds audio player: The alignment of the wave form seems to be connected to the width of the player. This concludes that the waveform isn’t correct, it varies depending on the container size.

Here is an example: https://www.ghosthack.de/audioplayer/examples/test3.html

On the top you see an image of the actual .wav form, underneath there are 4 wave forms generated with the same track and input parameters but varying container widths, but the waveforms look random and aren’t accurate.

Is there a fix available? We tried the newest version, or is there a specific CSS needed for the containers?

Did you see my last message?

Hello

Yes, I pulled that locally

      skinwave_wave_mode_canvas_waves_number: 1,
      skinwave_wave_mode_canvas_waves_padding: 0,
      skinwave_wave_mode_canvas_normalize: 'off',
      skinwave_wave_mode_canvas_mode: 'reflecto',
      wavesurfer_pcm_length: 2000,

These are the settings which worked for me

this should be the output -

\\

90% the same with your software

Cheers!
Radu

That worked perfectly, thanks a lot!

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