Discussion on ZoomSounds - Neat HTML5 Audio Player

ZoomIt

ZoomIt supports this item

Supported

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

276 comments found.

Hi, how can I disable looping on the player? The audio never stops playing, it keeps looping when it reaches the end.

This is where I am playing it: http://ceizs.com.br/podcasts/livre-da-maior-paralisia/

Hi

Try replacing

var settings_ap = {
            disable_volume: 'off',
            disable_scrub: 'default',
            design_skin: 'skin-wave',
            skinwave_dynamicwaves: 'on'
        };

with

var settings_ap = {
            disable_volume: 'off',
            disable_scrub: 'default',
            design_skin: 'skin-wave',
            skinwave_dynamicwaves: 'on'
,loop: "off" 
        };

Hello!

I’m wondering! To make an update for player on my website is it enough to replace audiplayer files with new ones except css as it have custom style?!

Best regards, Ivo.

Hello Ivo

You need to replace both css and js

If you have changes best to customize in a different css file, not audioplayer.css

Cheers
Radu

Hi, how I can change height block wave?

Hello

In a separate css file write

.audioplayer.skin-wave .ap-controls .scrubbar{
height: 120px!important;
}

Cheers
Radu

Hey!

Is it possible to generate right waveform from direct links?

https://i.imgur.com/NReXhgv.png

Thanks!

Hello

We’ll make it possible to modify the wave data in the next update. But it will be an array of numbers, not an image

Cheers
Radu

Hi, how to change the color of scrub-proggres using css? (canvas mode)

Youtube player somehow strangely works. Video does not always turn on and you can not always rewind in the player.

Send me a message via my profile I can send you update for this

Cheers
Radu

Hi, I planing to use ZoomSounds player for internal audio books. Listening and commenting should be avaliable only for purchased users. Is it possible to manage this kinds of authorizations.

Hello

Do you have wordpress ? If yes, do you have some kind of paid membership plugin ?

Cheers
Radu

No it is all done with custom coding. I’m gonna use HTML5 version.

Then you can just not render zoomsounds in your code if the member is not paid

Cheers
Radu

Hello, I want to organize a page with video tutorials for creating music in Fl Studio, Cubase … I have a wall on which there is for example 18 skin-minimal, type youtube. When you turn on skin-minimal, fake bottom player is activated. There is a bug Youtube Api: ../zoomplayer/source/index-sticktobottom-youtube.html (https://image.prntscr.com/image/uMFd7WzfQbizG9FJaPsIPg.png) When these errors accumulate, the page becomes very buggy. What can I do to make everything work without glitches? Link: https://smple.pro/build6/video.html

Yes, we fixed it

Update should be available tomorrow

UPDATE 2.73 [ 11/07/2017 ]

  • [FIX] some bugs
  • [FIX] some youtube bugs with play resolved
Thanks! I can download update in my profile tomorrow? https://image.prntscr.com/image/qn2nDASFRB2pODHEbdibcA.png

Yes, tomorrow

Cheers
Radu

a5r

a5r Purchased

hi,

i’m not sure if this issue was already discussed or fixed in the audioplayer.css.

If you encounter in Chrome blurried WAVE FORMS and have no idea how to fix this nasty style, just simple add to the class:

.audioplayer.skin-wave .ap-controls .scrubbar .scrub-prog .scrub-prog-img

the css rule: image-rendering: -webkit-optimize-contrast;

also do the same for the other 3 classes that handle the displaying of WAVE FORM

so long. cheers and big up to ZoomIt

Thank you!

We will do some tests and see if we can include it in production version

Cheers
Radu

a5r

a5r Purchased

just wanna let you know how does it looks like with, and without image-rendering in Chrome v62.0.3202.94:

without: https://abload.de/img/withoutrenderingoosth.png

and with image-rendering css rule: https://abload.de/img/withrenderingjwso7.png

cheers

Thank you!

nice customisation by the way

a5r

a5r Purchased

today i tried the new audioplayer.js and after 30 mins i’m a bit tired to search the option, how to get back to normal waveform: design_skin: ‘skin-wave’... on which line i can disable the soundcloud “wave-bar” design? i need my original waves back. thanks

it is set as: design_skin: ‘skin-wave’ in our php and also in the new audioplayer.js that i got new from the update but still Soundcloud bars :(

a5r

a5r Purchased

i give up.

i added the line: ,skinwave_wave_mode: ‘normal’ in the audioplayer.js and in the js script in our content.php.

and now i see nothing :D no wave-form and no soundcloud bars.

also i changed everything related to skinwave_wave_mode to ‘normal’ and now: soundcloud bars are visible again. frustrating.

if i use the older version of audioplayer.js i get the following error: https://abload.de/img/errorissp7.png

it is working but i had in mind to use a newer js version to eleminate that. the new player.js show no errors on play. cheers

That is not an error – it’s a log message

Cheers
Radu

a5r

a5r Purchased

ah ok. i thought it was a error message because of its message: undefined. and within the new audioplayer.js there is no message.

cheers

oops.. wanted direct email support.

Message via – https://codecanyon.net/user/ZoomIt

Cheers
Radu

Ohhh dang, I managed to buy the NON-WP plugin!.. (since it said plugin I assumed it was for WP.. sorry. ) Can I please get the WP version?... I can send my code via PM if necessary. thx! Rand

still waiting for response…. have a client waiting.

I’ll refund you and then you can purchase – http://themeforest.net/refund_requests/new

Cheers Radu

jmkeane

jmkeane Purchased

Having some cross-browser issues, particularly with Chrome.

Having multiple audio players on a single page seems cause the site to free in Chrome, with the player button having a sort of flashing/loading animation.

Site loads totally fine in Firefox and Safari.

Are there any known compatibility issues with Chrome?

Can you show me a link ?

Thanks!

jmkeane

jmkeane Purchased

laycutrecords.com/draft/ going between the project pages on Chrome is having serious loading issues

Hello

I think the ports are being occupied because preloading is not done efficiently

So maybe set preload_method to none for the bottom tracks and it should work

Cheers
Radu

I bought the NON WP version by mistake.. how can I switch to the WP one please?

request sent. THX!

hope we can finish this asap so I can finish my clients site. :)

I approved

Cheers

Having an issue with your player. I’m getting a “error – file does not exist.” error on Mac Safari…. sometimes. Player works fine but error seems to appear anyway. Client thought it wasn’t working due to the error and is concerned that others will think the same. Any assistance would be greatly appreciated. Link below

https://joanneconlon.com/notes/winter-papers-3

Hey

Add this somewhere in your css

body .audioplayer.errored-out .audioplayer-inner{opacity:1 } body .audioplayer.errored-out .feedback-text{ display:none; )

Cheers
Radu

Hello I am a lecturer at Truro College in Cornwall. I teach music. I want to be able to give my students feedback on their compositions as they develop them . I have been using Moodle to do this but it lacks functionality and is an ugly interface. Your audio player looks perfect as I would be able to add comments at particular time references in their work. I am getting in touch as I would like to know if it would be possible for you to advise me on using the player before I purchase. What I would like to be able to do in my WordPress website is create individual user areas for each student that only they and I can access. I would also like for them to be able to upload their audio to this area and then have your player used for playback. So my question is, is this possible and if so are you a developed who could help me do this? Many thanks Andrew Harris

Hey Andrew

This is html version – wordpress version is another product ( link in descriptIon )

But yes, I can help you develop that functionality on custom work

Cheers
Radu

Hi,

I love your player, it’s amazing. I have a technical question, so maybe you can help me.

I have 2 divs (toggle). The frist div is a image, the second one (hidden div till click on image) the player in a other div. Is it possible to trigger the play button by clicking on the image on the image in the first div?

I hope to hear from you!

Thanks, Jessy

Or simpler: Is it possible to trigger the playbutton from a other div?

Fixed: Using the API.

There are multiple examples in source folder index-default.html, index-api_change_media_dinamically.html, index-api_example_play.html

Cheers
Radu

by
by
by
by
by
by