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 I bought this theme. I do not use WordPress. I can not bring my data. What should I do. I saw the source but it seems to be getting through ajax. It’s hard to graft into my source.

Hello

Dynamically importing songs is not included in free support

Cheers!
Radu

dear Radu

sorry for the incovenience is it possible to have an answer to my previous issue vaweform only appears on local mode http://djregmix.free.fr

thank u in advance for your help regards reg

Hello

Please comment from the account you purchased

Cheers!
R

Hey @djregmix

Yes, you have an error in publisher.php

<br /> <b>Parse error</b>: syntax error, unexpected T_STRING, expecting T_OLD_FUNCTION or T_FUNCTION or T_VAR or '}' in <b>/mnt/116/sda/0/5/djregmix/publisher.php</b> on line <b>205</b><br />

Cheers!
Radu

Hi there! Having an issue with the player in Safari. Is there a link to docs anywhere? Unfortunately I’m not allowed to publicly post the url yet, but it fails to load the audio on the first click, but on a second attempt it works.

Please comment from the account you purchased

Cheers!
Radu

Hi, I want to set audio playlist.i don’t see playlist on readme file?

Hello

You can check source/index-default.html

Cheers!
Radu

The source folder that I got when I downloaded this product does not contain an audioplayer folder in it. There isn’t any css at all.

Hello

Just updated the sources now

Should be there..

Cheers!
Radu

Hi, good Audioplayer!

I’m providing a list of songs outside the Player on the same page. I want to send a MP3-Link to from this to the Player via JQuery. I tried the way below, but it didn’t work. Maybe there is another predefined approach to realize it? How could it be realized in your player?

Thx

Best regards

<link rel=’stylesheet’ type=”text/css” href=”<?=PAGE_URL_MODULES_CSS; ?>ui-components/audioplayer.zoomsounds.css”/> <script src=”<?=PAGE_URL_MODULES_JS; ?>ui-components/audioplayer.zoomsounds.js” type=”text/javascript”></script>

<script> // This a.track -Link contains the wished MP3 – File in the href-Attribute $(‘a.track’).click(function(){ trackURL = $(this).attr(‘href’); </script>

changeTrack(trackURL);
    return false;
});
function changeTrack(sourceUrl) {
    audioElement = $("div#apsimple");
    audioElement.attr("data-source", sourceUrl); // This failed! The audioplayer doesn't react!
}
Chorus I-Woke-Up-This-Morning

<script> jQuery(document).ready(function ($) { dzsap_init(”#apsimple”, { autoplay: “on” }); }); </script>

Hello

You would need to init the player after the data-source was updated

Cheers!
Radu

i can’t figure it out. how can i stop the “curr-time” to follow the skin wave while playing? i want the “curr-time” sticky on the left. i hunted though your audioplayer.js but i can not find the correct position.

i’ve seen while playing music, there is a style element that call: “left: current playing position.” i think the easiest way is, to remove it. but i can not find it.

thanks

Hello

If you set

skinwave_timer_static
to on in the audio player settings it should stick to that position

Cheers!
Radu

thank you very much. It’s working like a charm and solved the issue.

best regards

Hi,

after many minutes and try out, i think it’s better to ask then waste time.

in which file (i think it’s the audioplayer.js) on which line is it possible to bring the “curr-time” div in front of the wave form gfx? i fixed the div to not follow the play progress but now it is always in the background behind the wave gfx. any help?

Any assist?

It asks user and password

Yes, I’ve secured the Access to the shop, because we must work on our back end. U gave me the hint in my question below. Working now. Thanks again.

dear author in the package dzsap-config.php is missing is it and old readmefile in it or just a loss of $13

Hello

You do not need that file

We removed it

Cheers!
Radu

hello how to create a new sound via javascript? ex: api_CREATE_media

Hello

There is no option

We only have api_change_media

Cheers!
Radu

Hi, is it possible to change player settings programmatically? For instance, I’d like to change the bar diagram from waveform to spectrum, or vice-versa, while a song is playing.

PS – am I right in thinking this is to be set in CSS, as in jQuery…removeClass…addClass…?

Hello

Yes, you can do it but on custom work

For example this is the bar length

var bar_len = parseInt(o.skinwave_wave_mode_canvas_waves_number);

Setting a higher number would require changing the options programatically

Cheers!
Radu

I really have no idea what your example is intended to clarify.

No matter – please tell me how to programmatically completely kill an audio-gallery plus all its’ children players and their associated listeners and background running processes, so that I can later replace them with another gallery+players without having to reload the page.

Thanks, Rob

Hello Rob

from 5.20

(document.querySelectorAll('.audiogallery'))[0].api_destroy();

Cheers!
Radu

Hi!

Not working fake player on mobile (android device) [ LOOP first play track]

FakePlayer

<div id="ap1" class="apfooter audioplayer-tobe footer-player" style="width:100%; display: block" data-thumb="" data-thumb_link="" data-bgimage="" data-scrubbg="" data-scrubprog="" data-type="fake" data-source="fake" data-sourceogg=""> </div> jQuery(document).ready(function ($) { // footer player var settings_ap2 = { autoplay: 'off' , disable_scrub: 'default' , design_skin: 'skin-wave' , settings_useflashplayer: 'auto' , skinwave_spectrummultiplier: '3' , skinwave_comments_enable: 'off' , skinwave_mode: 'small' , design_color_highlight: "13b28c,13ae3c" , design_color_bg: "666666,ffffff" , skinwave_wave_mode: "canvas" , skinwave_wave_mode_canvas_waves_number: '1' , skinwave_wave_mode_canvas_reflection_size: '0.25' , construct_player_list_for_sync: "off" }; dzsap_init('.apfooter', settings_ap2); }); // Main Player var settings_ap = { disable_volume: 'on' , loop: "off" , cue: 'off' // , mobile_disable_fakeplayer: "on" , disable_scrub: 'default' , design_skin: 'skin-wave' , skinwave_wave_mode_canvas_reflection_size: '0.25' , skinwave_wave_mode: "canvas" , skinwave_wave_mode_canvas_waves_number: '1' , skinwave_spectrummultiplier: "2" <? if ($this->agent->is_mobile()): ?> , pcm_data_try_to_generate: 'off' , pcm_notice: "off" , pcm_data_try_to_generate_wait_for_real_pcm: 'off' , skinwave_dynamicwaves: "on" <? else: ?> , pcm_data_try_to_generate: 'on' , pcm_notice: "on" , pcm_data_try_to_generate_wait_for_real_pcm: 'off' , skinwave_dynamicwaves: "off" , settings_php_handler: "<?=base_url()?>music/wave" <?endif;?> , skinwave_mode: 'alternate' , design_color_highlight: "13b28c,13ae3c" , design_color_bg: "666666,ffffff" , skinwave_enableSpectrum: "off" , skinwave_enableReflect: "on" , action_audio_play: window.portal_action_track_play }; if (window.dzsap_init) { dzsag_init('.player', { 'transition': 'fade' , 'autoplay': 'off' , "autoplayNext": "on" , 'preload_method': 'none' , 'settings_ap': settings_ap }); }

and fakeplayer not work autoplayNext

Can you show me a link ? ( not code )

Cheers!
Radu

does it work for shoutcast and play mp3 from folder?

Hello

it works with icecast

mp3 from folder would require some php coding

Cheers!
Radu

I want the plugin to generate waves based on the audio file, currently its just adding default waves irrespective of the audio.

Also can I have event listener which allow me to get current time of the player where source is playing from? I am writing a react component on top of it, I need to sync the text and audio together.

Need urgent response

Thanks.

Hello

You need to set the publisher php script to save the waveforms

you can use

document.getElementById('playerid').api_get_time_curr();

to get current time

Cheers!
Radu

shoutcast work in yours player with showing curent song ?

Hello

Yes

Cheers!
Radu

I’m trying to figure out where the “Your comment …” “Your email..” popup form submits data to & whether or not I can make that form submit to my own PHP page.

ie. When you submit a comment on the player.

Hey

You need to set settings_php_handler to your script

,settings_php_handler: '' // -- the path of the publisher.php file, this is used to handle comments, likes etc.

Then you can analyse publiser.php to add functionality to your script

For example this action adds submit view for your script


    if (isset($_POST['action']) && $_POST['action'] == 'dzsap_submit_views') {

Cheers!
Radu

Hello,

I bought the Zoomsounds html5 audio player but it does’t work because the file is damaged. Unzipping gives me error messages. Can you send me another file that is working? I need to install it in my wordpress theme asap :( Please help me.

My Purchase code: a54ec73f-7267-4a06-9848-2890ac11c5e8

Cheers, Normen

Hello Normen

You need to use better unzipping tool

like 7ZIP

Cheers!
Radu

I now see that this is not the wordpress version. May I get a refund? Item ID: 4525354

Item Purchase Code: 026085b5-4a55-4272-9e16-3f53a2f290f4

Purchase Date: 2019-02-25 21:32:22 UTC

the file codecanyon-4525354-zoomsounds-neat-html5-audio-player.zip does not install in Wordpress and there is no other zip file in the unzipped folders. The video for installing does not match what is in the zip file. Also I see another version on envato that is $20. Was I provided the wrong version?

Does this audio player support HLS?

Not at the moment

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