MYR 39.00 – MYR 200.00

Purchase
Live preview
Item Rating
46 0

\\

Want a nifty, cutting-edge, retina-ready, responsive html5 audio player for your site ? ZoomSounds is the perfect candidate. With nine skins to fit every brand, multiple layout for the wave skin, only one format required to function, ZoomSounds is the perfect choice for an audio player.

Please rate 5/5 – Updates with features and upgrades come consistently

2000+ happy customers

A simple shortcode is required for the plugin to work – [zoomsounds] – and you do not even have to remember that because there are shortcode generators for both audio file and audio playlists

Supports self hosted mp3 / m4a / wav / aac, and mp3 shoutcast radio stations + live streams. You can also embed SoundCloud songs just by inputing their link in the shortcode generator – that easy IF YOU HAVE A API KEY. You just need a soundcloud account and api key ( registrations are now closed ) .

import with one click

features

Audio Player Features

  • HTML5 technology – this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients
  • fully responsive – looks great from mobile to HD
  • one mandatory format – the hard part is done by the player script in order for the user to have easy experience editing – only mp3 is required
  • touch optimized – touch devices are not forgotten
  • three skins – three full skins to fit every brand
  • CSS3 technology – this player uses cutting-edge css3 definitions
  • easy install – purchase, download the zip, read the docs
  • iPhone / iPad optimized – this gallery has been optimized for Apple touch devices
  • Android optimized – this component has been tested on Android 4.0 and works awesome
  • developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided
  • timed comments – allows commenting to be done directly on the timeline
  • plays from SoundCloud – streams SoundCloud audio with an API key
  • can replace default wordpress

    shortcode

  • loop option
  • 100% css skinable – want to make slight modifications to the skins ? The skins are 100% built from the css and it is very easy to edit with css knowledge
  • radio support – icecast / shoutcast support with optional auto updating of current playing song name
  • download option – download option for playlists and single players
  • allow download only for registered users – allow download only for your site users
  • lifetime updates – this is a one-time purchase and you get lifetime updates, we are updating our products consistently with features
  • embed codes – enable a embed button for the player or the gallery ( for skin-wave atm )
  • SEO friendly – built with search engine optimization on mind from the ground up
  • compatible with all major browsers, including IE – compatible from IE7 to IE10, Chrome, Safari and Firefox
  • open sounds in ZoomBox – open the player in a commercial lightbox script – ZoomBox
  • Import folder – import your folders of mp3’s

ZoomSounds - WordPress Wave Audio Player with Playlist - 3

ZoomSounds - WordPress Wave Audio Player with Playlist - 4

multiple layouts and skins

 

ZoomSounds - WordPress Wave Audio Player with Playlist - 5

Mobile Optimized

Smooth on mobiles too because of
hardware acceleration. Android 4.4+ Chrome
and iOS testedto deliver super smooth
experience

Watch Video

ZoomSounds - WordPress Wave Audio Player with Playlist - 6

Generate Preview

Import preview setups with just a click
in the shortcode generator included

Cookies

  • dzsap_viewsubmitted – this cookie records the play of a track made from an IP, in order to not track the play multiple times – it does not record any personal data
  • dzsap_likesubmitted – this cookie records the like of a track made from an IP, in order to not track the like multiple times – it does not record any personal data

Notes

  • soundcloud will only work if you have api keys – registrations are now closed for the moment
  • live spectrum will only work for self hosted videos ( on the same domain ) otherwise not
  • autoplay cannot work on iOS and Android devices because of device limitation ( they prevent playing without user action )
  • tracks and images are not included in the download package.
  • player is not compatible with Explorer & Edge in CBR format but is compatible in VBR format but has to be less than 320kbps

FAQ

HOW TO INSERT OWN MP3 IN VISUAL COMPOSER PLAYER ELEMENT

You will find the Source field in the visual composer element

ZoomSounds - WordPress Wave Audio Player with Playlist - 7

AUDIO ITEMS FEATURE RESULTS IN 404 ERRORS WHEN TRYING TO AUDIO ITEMS.

Go to wp dashboard > Settings > Permalinks and click save changes / repair permalinks

Then try access the audio item again

I HAVE INSTALLED IT AND IT’S FANTASTIC BUT, HOW CAN I CLONE THE EXAMPLE BOXED INSIDE, BACKGROUND PLAYER? I WANT A SHORTCODE FOR THAT EXAMPLE

example shortcodes

[zoomsounds_player source="http://www.noiseaddicts.com/samples_1w72b820/285.mp3" 
type="detect" config="skinwavewithcomments" autoplay="off" loop="off" open_in_ultibox="off" 
enable_likes="off" enable_views="off" enable_download_button="on" 
wrapper_image="https://i.imgur.com/6EMbwJ3.jpg" 
wrapper_image_type="zoomsounds-wrapper-bg-bellow" enable_downloads_counter="on" 
download_custom_link="ceva" thumb="https://i.imgur.com/6EMbwJ3.jpg"]

or

[zoomsounds_player source="http://www.noiseaddicts.com/samples_1w72b820/285.mp3" 
type="detect" config="skinwavewithcomments" autoplay="off" loop="off" open_in_ultibox="off" 
enable_likes="off" enable_views="off" enable_download_button="on" 
wrapper_image="https://i.imgur.com/6EMbwJ3.jpg" 
wrapper_image_type="zoomsounds-wrapper-bg-center" enable_downloads_counter="on" 
download_custom_link="ceva" thumb="https://i.imgur.com/6EMbwJ3.jpg"]
How do you enable comments?

You have to enable comments and select the skin wave from the Player Configuration menu.

Now there is an included default configuration just for that, it’s called skinwavewithcomments

ZoomSounds - WordPress Wave Audio Player with Playlist - 8

When you insert a new player, just select that and you have comments enabled

 

  1. Go to any post / page you want to insert this
  2. Click the Insert ZoomSounds Player from WP Library ( third button )
  3. Click the mp3 you want to insert
  4. in the right menu that appears select the configuration to waveformwithcomments or any of your custom one + select the thumbnail
  5. click the auto generate buttons to generate waveforms
  6. click the insert button

ZoomSounds - WordPress Wave Audio Player with Playlist - 9

Go to ZoomSounds > Settings > Appearence and in extra CSS enter

body .dzsap-sticktobottom{
z-index: 55;
}

Increase or decrease as needed

HOW TO REPLICATE SOME CLIENT SHOWCASE EXAMPLES

These are nice customisations made by clients for their site. We try to bring as many different example into the One click importer but it takes time. Some might ressemble some examples there. So you can quick start your customization based on a template.

Grid Player

This is a woocommerce theme’s shop, ZoomSounds complements it by having the setting in ZoomSounds > WC Loops set to Loop -> Overlay

Pro Table

This is an advanced customization. Client used custom coding etc. We’ll have a plugin that does that and much more in a month or two. Yellow and Gold Player configuration with skin-wave skin, yellow highlight color and button aspect noir.

Band Site

Just a customised footer player set on page. Playing a specific track.

Audio Story

A playlist with gallery skin set to skin-wave. Menu state – closed, menu button – on.

Namaste Yoga

A playlist with gallery skin set to skin-wave. Menu state – open, menu button – off.

Music Store

This is a woocommerce theme’s shop, ZoomSounds complements it by having the setting in ZoomSounds > WC Loops set to Loop -> Bottom

Can I autoplay audio on mobile ios / android ?

Audio cannot autoplay without user interaction on any mobile android or ios

You just have to press this button above every post / page to add a single mp3 –

ZoomSounds - WordPress Wave Audio Player with Playlist - 10

If you want a gallery – you can press the other button. And galleries are configured inside the ZoomSounds wp menu.

S THERE ANYWAY TO DISABLE AUTOPLAY FOR A PLAYLIST? THIS IS THE SHORTCODE I AM USING: [PLAYLIST ARTISTS=”FALSE” IMAGES=”FALSE” IDS=”1230,1235,1238,1237,1239,1236”] .

yes, in ZoomSounds admin, create a new slider named playlist_gallery

Then in that, set autoplay to OFF

HOW TO CHANGE FROM SINGLE WOOCOMMERCE PRODUCT OVERLAY TO PLAYER UNDERNEATH THUMBNAIL.

Go to zoomsounds > settings > appearance and in extra css enter

.center-ap-inside>.audioplayer{
position:relative!important;
top:0!important;
left:0!important;
transform: scale(1)!important;
}

.center-ap-inside{
position:relative!important;
top:0!important;
left:0!important;
transform: scale(1)!important;
}
Can there be multiple instances of this player per page

Yes, there can be unlimited instances on each page / post.

I AM LOOKING FOR AN AUDIO PLAYER FOR MY WP SITE THAT WILL PLAY SONGS CONTINUOS / WITHOUT INTERRUPTION OR STARTING THE SONG OVER WHEN A VISITOR BROWSES DIFFERENT PAGES,

For this, you need a ajax enable theme. Or a plugin that enables continuos navigating between pages without browser refresh ( like – https://codecanyon.net/item/ajaxer-ajaxify-your-wordpress-site-and-comments/15813677?ref=ZoomIt )

DOES THIS ALLOW CONTINUOS PLAYBACK?

Only if your theme supports that ( it does not depend on zoomsounds )

If you have a theme like this -> https://themeforest.net/item/qu-the-creative-multipurpose-wordpress-theme/17759297

( no page refresh between page change )

For music to continue playing while changing page

We also made a free plugin for any theme

– http://preview.codecanyon.net/item/ajaxer-ajaxify-your-wordpress-site-and-comments/full_screen_preview/15813677?ref=ZoomIt

for this purpose

is this plug in programmed to stop playing when another player starts playing on the same page

Sure, when another ZoomSounds player is clicked, the current playing one will be stopped.

Can you use this audio player with short codes? Does it have a shortcode function?

A simple shortcode is required for the plugin to work – [zoomsounds] – and you do not even have to remember that because there are shortcode generators for both audio file and audio gallery

How can I get the social networks icons centered in lightbox ?

Go to ZoomSounds > Settings > appearence

and in Extra CSS enter

.social-networks-con{ text-align: center; }
How can I change the color of the svg icon on top left, the cross to close the sharing possibilities.

Go to ZoomSounds > Settings > appearence

and in Extra CSS enter

.dzsap-main-con .box-main .close-btn-con svg path{ fill: #fff;  }
Can you use this audio player with short codes? Does it have a shortcode function?

A simple shortcode is required for the plugin to work – [zoomsounds] – and you do not even have to remember that because there are shortcode generators for both audio file and audio gallery

Hi, Can i use it as standalone script without wordpress?

This is stand alone html5 version – http://codecanyon.net/item/zoomsounds-neat-html5-audio-player/4525354

You can place them in the extra html field of the item :

\\

This is the code:

<a href="https://itunes.apple.com/us/artist/justin-bieber/id320569549" 
class="btn-zoomsounds btn-zoomsounds-download"><span class="the-icon">
<i class="fa fa-apple" /></span><span class="the-label">iTunes</span></a>

HOW TO CHANGE COLORS OF THE SKIN-DEFAULT MENU

Go to zoomsoudns > settings > appearence and in extra css enter –

body .zoomsounds-nav.skin-default .menu-item{background-color: #fff;
color: #444;
}
body .zoomsounds-nav.skin-default .menu-item:nth-child(odd){
background-color: #efefef;
}

any color is custom

HOW TO ENABLE ZOOMSOUNDS PLAYER IN WOOCOMMERCE SHOP

The idea is to go to ZoomSounds > Settings > WooCommerce and enable Configuration for Loop Products to a player configuration you need.

Then ZoomSounds it will appear in any shop page / product cateegory

PS: The Products need the mp3 track uploaded in the ZoomSounds tab in any WooCommerce product

I’d like to have playlists from soundcloud, say like an EP but have multiple EPs on one page; is this possible? Will two instances play at the same time? Or could one pause?

At the moment, it’s not integrated with the soundcloud api to retrieve a user playlist. You can create your own playlist and add whihc soundcloud sounds you want.

Default is that only one zoomsounds player on the page plays. The other ones pause.

Also can it play MP3’s self-hosted?

Sure, it’s the main source. It can also play soundcloud, shoutcast radio…

You can insert that in the artist or song name spaces

My mp3s show infinity for length

You might need to reencode your mp3. Test the mp3 directly on th browser ( just input the link to the mp3 in the browser ) – if the browser does not have support for it then ZoomSounds cannot play it of course

I’m looking for an mp3 player plugin that allows download of the mp3s. The mp3 artwork (image) provides the title and then the play and download buttons overlay it. On the archive page we have the same but nicely arranged in grid layout.

Generally, yes

But

What do you mean by archive ?

If this is a custom page you set – then zoomsounds has shortcodes for this

If this is theme archive page, then your theme must have support for this grid

SoundCloud sounds do not work

You will need soundcloud api key – registrations are now closed for the moment.

__

OR

__

This file – plugins/dzs-zoomsounds/soundcloudretriever.php

may returns access denied and we need this php in order to return the sound

Try to chmod this file 755 from your Filezilla or FTP app.

If it does not work please contact your host and ask them to allow access for this file – plugins/dzs-zoomsounds/soundcloudretriever.php

Credits

Purchase

MYR 39.00 – MYR 200.00

Purchase
Live preview
46
0

Item Information

Last Update: 06/11/2020
Released: 20/11/2013
Documentation: Yes
Item SKU PLG621535
Gutenberg Optimized Yes
High Resolution Yes
Compatible Browsers IE11, Firefox, Safari, Opera, Chrome, Edge
Compatible With BuddyPress 5.0.x, Visual Composer 5.1.x, WooCommerce 4.0.x, WPBakery Page Builder 6.1.x, WPBakery Page Builder 6.0.x, WPBakery Page Builder 5.7.x, WPML, Cornerstone, Bootstrap 4.x
Software Version WordPress 5.5.x, WordPress 5.4.x, WordPress 5.3.x, WordPress 5.2.x, WordPress 5.1.x, WordPress 5.0.x, WordPress 4.9.x, WordPress 4.8.x, WordPress 4.7.x
Layout Responsive
WeCreativez WhatsApp Support
Our customer support team is here to answer your questions. Ask us anything!
👋 Hi, how can I help?