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.

220 comments found.

Sending PM

Hi, What audio formats can this stream? I’m lookign for FLAC

wav – m4a – mp3

Thanks
Radu

Hello,

If you go to http://www.yannanderson.com/web/music using a computer (NOT a mobile device) you will see my problem: I have a lot of tracks, and the player menu (playlist) is limited in the height (that’s normal, I don’t want the playlist is 10000000 px height lol) and when we open the menu (red button) the tracks are AUTOMATICALLY scrolled… but the move/scroll too fast and finaly, user cannot choose a track. It work well on mobile devices, but not with desktop view. My question: is possible to DISABLE the automatic-scroll when mousse is over the tracks? I want to use a NORMAL scrollbar and not is a js auto-scroll. Possible? Thanks in advance for your previous help, this player is really the best available on the market. I just don’t understand why the price is so low :-)

Just another question: regarding the menu height that we need to specify: is it possible to set height to 100% ? If I set 100%, that dont work. It’s better (for me) to use all the whole available space… instead of set a limited “area”...

I found a solution… The menu height can be set to 100%, I just need to write ‘100%’ instead of 100%... Now it’s ok…

Hello

You can also set menu height to auto to show all items

We’ll include a scrollbar for the menu coming in version 4.00 in a month or 2

Thanks
Radu

Hallo, Seems like the player is not supported on latest Safari browser. Player and commands are not working. Example: http://beats.honiro.it Please help me with this issue. G.

Send me a pm via my profile – https://codecanyon.net/user/ZoomIt

I can send you latest update we can try with that

Have been using this for a long time now, but just decided to change my Android browser to Chrome and noticed the play buttons don’t do anything, so nobody with chrome has been able to listen to my music this whole time!

Is this a known problem?

What android versoin do you have ? Also please comment on the item you purchased this is html5 version

6s

6s Purchased

Hi,

I need to customize the plugin, mainly need to move the play button to the right and add more controls, how can i do that, i tried by settings_extrahtml_in_float_right but doesn’t work , please help me…

Regards

Send me pm via my profile – https://codecanyon.net/user/zoomit

I can send you latest update

Jeene

Jeene Purchased

Hi. im know english bad because i did not study it. but I am interested in purchasing the product. I have a question:I do not understand the difference between a $10 license and $40. Tell me please. I have a website on the page there must be 1 player and 1 track that will need to be played. Like on soundcloud

Hello

If you intend to sell this product integrated in another product you need 40$ licence

If you want to use it just on your site to stream music it’s 10$

Cheers
Radu

Jeene

Jeene Purchased

just shall use in my site. thank you for you answer

Thank you
Radu

How can i store audiowave image file with Year / Month / Day / ImageName.png folder format ?

Because my website have many audio, i want store audiowave image by day

Waveforms will be named depending on mp3 name – so you can name your mp3s that way

Or rename them ( db folder )

Cheers
Radu

But all mp3 files store at another server (not my server)

You need to copy them on your server to generate the waveforms

Hello!

Tell me, please, how to easily change text size and font color of a Song/Artist Name.

Also I have an issue with the Play button color. For some type of players it works good (changes the color), for others it remains default orange. How can I fix it?

Thank you!

How to change first line ( artist ) font size / color / etc.

You can disable skin-silver controls by going to Settings > Appearence and in extra css enter

.audioplayer .the-artist{
font-size: 21px!important;
}
 
How to change second line ( song ) font size / color / etc.

You can disable skin-silver controls by going to Settings > Appearence and in extra css enter

.audioplayer .the-name{
font-size: 21px!important;
}

2. Can you show me a link ?

3. fixed in 3.22

4. Show me a link please so I can see the problem

Cheers
Radu

Hello, I am having issues getting all the player variants to work, I have tried studying and copy-pasting the code straight from your demo site, could you possibly make a video or write instructions on how to make each variant work?

I am highly considering purchasing your “360 Video Player Premium”, however, I am also taking into account how well get your audio player has been working for me.

Hello

Show me a link – I will have a look

Cheers
Radu

Hello, in this function api_change_media, the first parameter is the file or the file path?

thanks

Hi

document.getElementById('playerid').api_change_media(null, {
type:"audio" 
,source:"filepath.mp3" 
, fakeplayer_is_feeder:"off" 
}

Cheers
Radu

Hi player is not working on android device can you please help me with that?

Hello

Sorry for the delay

Try to reencode the mp3 to optimize for web streaming

Hello :)

First of all thank you for the application. But, IOS device users can not listen to my music. Where is the problem ?

For example link: http://www.oqofficial.com/oqlub/tuurprayerforrain/past/v3

Hello

Ios 10.3.2 tries and works

\\

Try latest update

m23a

m23a Purchased

If no headphones are connected to my windows 10 pc there is the error in latest IE/EDGE/Firefox: “error – file does not exist..” In Chrome it works fine. Can this be fixed or be shown a different error message?

I have seen this in another comment with a driver not working, but my driver is working fine as long as speakers or headphones are connected.

Hello

Weird

Can you show me al ink ?

Cheers
Radu

Hi !

I integrated zoomsounds into Joomla as you described in your manual and it works ‘near’ perfect. I have created the pcm scrub data with publisher.php and this also works… But I still can not solve some problems:

1. The scrubbar progress contains the complete image of the wave at every time and this image is completely resized – beginning very small at the left. It does only match the scrubbg if it reaches the end. Normally the image should not be scaled and the right side should show the current play position – like it does in the demos, right ? I can send you screenshots about this issue….

2. If the page is loaded the scrub-data is not correct and immediately after the start-transition it updates to the correct (recorded) one…. how can I solve this ?

3. How can I add comments within the script code ? Is it possible to add some comments at fixed wave-positions (e.g. in seconds/milliseconds) to mark special parts of the sosund ? I do not have a Wordpress-Database.

br, André

Hi !

Thanks for your fast response !

to 1: so here is a link to the testpage: http://www.molecularbytes.com/mbcms/index.php/atomictransienttest you can see that the scrub image is fully displayed but completely resized…

to 2: I have now added the ”,pcm_data_try_to_generate_wait_for_real_pcm: ‘on’ ”.. is it ok now ? (but can you tell me where the data is written to ;-) ?

to 3: Yes, I read the documentation, but is only says, ”..you can just populate the ‘the-comments’ div with comments”. I added ”,skinwave_comments_enable:’on’ ” and I added this one to the player:

..but how can I add now some (in this case 4) comments at special times ? Are there additional properties/elements to use ? Only adding text does not work…. I´d like to have fixed comment only from me, not from anyone to describe the parts of the audio file. Is that possible ?

Thank you, André

Ok… I closed the link now – I will use another player for mit site… 8(

Hello André,

Sorry for the delay

Wave data is being saved in db / pcmplayerid.html

pcm_data_try_to_generate_wait_for_real_pcm setting to on option will show the wavedata only when the full pcm data has been retrieved from ajax from the db folder

Comments are saved in the same folder db/ commentsplayerid.html

This is how a comment looks like

<span class="dzstooltip-con" style="left:18.2883939038687%"><span class="dzstooltip arrow-from-start transition-slidein arrow-bottom skin-black" style="width: 250px;"><span class="the-comment-author">@razorflashmedia</span> says:<br />test</span><div class="the-avatar" style="background-image: url(https://secure.gravatar.com/avatar/12d1738b0f28c211e5fd5ae066e631a1?s=20)" /></span>

You can just add comments in the the-comments div if you wish to set them up manually

Cheers
Radu

6s

6s Purchased

Hi,

I have a website with the list of song.Each song have play and add to playlist button. I need to dynamically add a track in a playlist when i click on button. Is that possible ?

Hello

Yes, but would require some javascript knowledge

<div id="aptoappend" class="audioplayer-tobe skin-wave       button-aspect-noir button-aspect-noir--filled  " style=" " data-thumb="img/e3.jpg" data-thumb_link="img/adg3.jpg" data-videotitle="Audio Video" data-type="audio" data-source="sounds/adg3.mp3" data-soft-watermark="sounds/watermark.wav" data-wrapper-image="">

                        <div class="meta-artist">
                            <span class="the-artist">Mick JaggerMick JaggerMick JaggerMick Jagger</span><span class="the-name">Revenge</span>
                        </div>
                        <div class="menu-description">
                            <div class="menu-item-thumb-con"><div class="menu-item-thumb" style="background-image: url(img/adg3.jpg)" /></div>
                            <div class="menu-artist-info">

                                <span class="the-artist">Mick Jagger</span>
                                <span class="the-name">Revenge</span>
                            </div>

                        </div>

                    </div>

<a href="#" onclick="document.getElementById("ag1").appendNode(document.getElementById("aptoappend"); 
 document.getElementById("ag1").api_reinit(); return false;">Reduce speed to 0.5</a>,
boxclaw

boxclaw Purchased

I got the comments working. Would like to edit the actual popup bubbles, where are the functions or variables to do this?

This should be in the documentation, customization is a part of everyone’s process.

ZoomIt

ZoomIt Author

Hello

Documentation is included but it does not cover customisation

For including tooltip below wave you would need something like

.audioplayer .dzstooltip{
top:110% ; bottom:0;
}

Cheers
Radu

Ah, your calling it a tooltip not a text bubble. That code works, thanks

If you wrote documentation for customization, I would buy it. ;P

dean272727

dean272727 Purchased

Question- where in the code can I change the button color? I would like a grey or blue instead of the orange. Thanks.

Hello

You can change it via CSS

.audioplayer .player-but .the-icon-bg,  .audioplayer .playbtn .the-icon-bg , .audioplayer .pausebtn .the-icon-bg,  .audioplayer.skin-wave .ap-controls .scrubbar .scrubBox-hover { background-color: #dcd18f!important;}  
                 .audioplayer .meta-artist .the-artist { color: #dcd18f!important;}  

                

Cheers
Radu

Thank You! Worked perfectly! Is there any way to use CSS to round the edges on the playlist bars? Again, thank you!

Venho

Venho Purchased

Hello! Is it possible to find out more options of the player? Maybe there is a list with script options and functions?

Best regards!

Hello

API and documentation here -> http://digitalzoomstudio.net/docs/zoomsounds/

Cheers
Radu

Venho

Venho Purchased

Hello again!

Is it possible to make button, link, toggle switch (something clickable) to swap jquery values? for example from ,skinwave_dynamicwaves:’on’ ,skinwave_enableSpectrum:’off’ to ,skinwave_dynamicwaves:’off’ ,skinwave_enableSpectrum:’on’. I think it would be great design feature for this player on my page to choose wave or live spectrum.

I’m looking at different examples but I think that my knowledge in coding is not so good, so it’s pretty hard to geat a clue.

Best regards!

by
by
by
by
by
by