Code

Discussion on Zaudio - HTML5 JavaScript Audio Player

Discussion on Zaudio - HTML5 JavaScript Audio Player

Cart 257 sales

aclusion supports this item

Supported

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

72 comments found.

Hello,

Is it possible for this player to switch between two audio clips on the click of a button for the purpose of quickly comparing two audio tracks? For example, you choose one track and it starts playing two tracks simultaneously, however one will be muted and there’d be like a toggle or before/after button to toggle muting between to the two tracks.

Hi tubescreamer_,

It’s not impossible , But you can only play one audio clip at a time from a single player instance. So you might able to achieve the requirement by using 2 player instances. And still you have to add some extra codes to get it working.

Thank you, Aclusion Support

Hi,

I am trying to extend the playlist height to show the total list of Songs on the playlist. I have already read your comment on another post about changing the height from ‘200px’ to ‘100%’ but that didn’t change anything.

You can take a look at the following URL to see what I am talking about: www.satsang.gm8.co. You will see the player when you scroll down.

Look forward to your reply ASAP.

My website is not connected to the internet (Raspberry Pi) so the icons/fonts obviously won’t work for me. How can I insert local icons for the player? thanks

I have managed to replace the fonts, but it doesn’t seem to work the same for the play icons.

Hi, can you try to save this https://fonts.googleapis.com/icon?family=Material+Icons as font.css to your local(and the font file defined as src inside it) and replace the font url in @font-face rule to use the local font file.

after that import the font.css in zaudio.css or link it in your html page

Sorry, but I am new to HTML. What does an ‘empty div with an Id’ look like?

Hi, it should look something like,

Where “zaudio” is the id

Thank you

Hello! Is this item still maintained? regards!

Thanks for your answer! Can it be integrated somehow to a joomla article? (Even if it is manually done) regards!

And one last question, is it compatible to stream from SoundCloud?

Hi carloscid,

If you can attach java-script inside Joomla article , Yes you can integrate. But “somehow” you can integrate player to any kind of HTML web application.

If soundcloud stream supports native HTML player. zAudio is compatible with soundcloud. Because zAudio is powered by browser HTML5 player.

Thank You, Aclusion Support

Is there a way to remove the album artwork?

Hi jack611,

There’s no option no remove artwork. But you can remove artwork using CSS. Please send us the link. So we can help you to remove it.

Or add following CSS to your html,

<style> .zaudio_art { display: none !important; } </style>

Thank You, Aclusion Support

Thank you. Great product. I also like that it doesn’t interfere with other scripts on my page.

Hello, can this player be used to stream live audio to my website?

Hi Arayaroots,

Yes you can attach all the HTML5 audio element supported streaming urls to this player.

Thank You, Aclusion Support

Hey, there are tons of new music related icons on FontAwesome, would it be possible to update to use those icons?

Hi Legitti,

Current version , you cannot update icons to FontAwesome. ( But it’s still possible if you edit markup from the source we have provided). Somehow we will consider this as an option in version 3.0 update.

Thank You, Aclusion Support

Will I be able to show the player inside the description of a prestashop product page? I understand I would had to place the code in every product I want to show the player in.

interested in Zaudio – HTML5 JavaScript Audio Player. where can I see how easy it is to use?

thanks.

you can visit http://aclusion.com to see the demo

Hi I have a website and I use Zaudio (cece6ace-1abb-475a-8153-27a84e086917) on it! There are several pages on the site (Main, About, Portfolio … etc) I also use the swup.js library to navigate the site. When I go from the Main page to the Portfolio page (here is your Zaudio plugin), the Zaudio script does not work. But when I just reload the Portfolio page, the zaudio script works well and correctly. Please help me with solving this problem.

Hi, It looks like you’re using the player on a single page application. if you’re just putting the zaudio initialization code (new zAudio(...)) inside a script tag it will just run once and fail as it can’t find the target div because its not on the home page.

To solve this, I think you should put the initialization code in the navigation code when the current page is “portfolio” or any other pages you need the player to work.

Give to separate mp3 by category? I wanted to create music categories

I recently purchased your zAudio Player from envato and I need your support. How do I extend the length of the playlist? I currently have 91 songs in my playlist and I like to display all or at least most of them when the player loads.

I also sent you an email from online@tydesigns.net. Thanks in advance.

Hi dblqpoet, We’ve replied to your email with a solution. I’ll post the answer here as well. Basically you have to open the ‘zaudio.js’ file in a text editor, find and change the ‘200px’ max-height to ‘100%’ in the following line.

this.DOMElement.getElementsByClassName(‘zaudio_playlist’)[0].style.maxHeight = this.playlistOpen ? ‘0px’ : ‘200px’;

This is the best html5 audio player without jQuery. Don’t waste your time browse any more item. Choose this one.

Thank you! :)

Hi, I’m looking at a variety of HTML5 audio players. I will install it on a non-Wordpress site (just HTML). I would like two main features:

1. Playback speed adjustment by the user 2. Remember where the user last left off with the audio.

This is a file I have on Soundcloud. https://soundcloud.com/david-greenwalt-159677616/twcd-01/s-nunGI

I don’t need a lot of graphics or things that take up space.

Will your player do what I want? Is there any way you can show me a simple example using my Soundcloud file just so I can see it in action?

Thank you,

David

Hi DavidLLU,

Sorry , this player does not support playback speed adjustment and saving audio position.

Thank you, Aclusion Support

Hello! My player only plays 11 seconds of streaming in the browser. How can I solve?

Hi,

Please submit ta refund request from your account

Hello How can I submit the refund request?

Hi,

please follow this article, there’s a button in bottom.

https://help.market.envato.com/hc/en-us/articles/202821460-Can-I-Get-A-Refund-

Hello! My player only plays 11 seconds of streaming in the browser. How can I solve?

I wanted to adjust the default settings for my playlist.

How do I set the initial parameters to make:
1. My list “not displayed” and
2. My entire list repeat (loop)

Hi dwoo,

Currently zAudio plugin doesn’t have that option, But we can help you to add requested option, So please send us your email to support@aclusion.com , So we can send you a custom build.

Thank You, Aclusion Supportt

Thank you for the build! Works perfectly! Great product support!!

Excellent coding and great instructions!!!!

Hey dwoo, Thank You very much for your review !!

Easy to use and looks great, but it doesn’t seem to load properly when viewing pages on iPhone. Any way to fix?

Hi cunadesign, We’re looking into this issue and we’ll update you once fixed.

Thank You !

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