ZoomSounds - WordPress Wave Audio Player with Playlist
ZoomSounds is a complete premium audio plugin for WordPress that allows you to build great audio players and playlists. Engage with your audience with Trending, Likes, and awesome features. Fits your branding with a customizable design and great colors. With nine skins to fit every brand, multiple layouts 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
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. .
Audio Player Features
- Elementor Enabled – support for the most popular page builder
- Gutenberg Optimized – up to date with the newest WordPress Editor
- WPBakery Page Builder support – support for the Visual Composer
- CornerStone support – support for the Visual Composer
- Shortcode builder – any page builder can use the generated shortcodes
- Anti-download Protection – best in class anti-download mitigation
- 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
- Amazon aws s3 storage possibility - integrates right away with amazon s3
- 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 Shoutcast – streams Shoutcast audio radio
- can replace default wordpress [audio] 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
Mobile OptimizedSmooth on mobiles too because of |
|
Generate PreviewImport preview setups with just a click |
Updates / Changelog
For updating, disable and delete the previous version, and install the new downloaded one. Or just unpack the zip you get from the download and overwrite the previous folder from wp-content/plugins/ via FTP
Or use ZoomSounds > Autoupdater for autoupdate
UPDATE 6.88 [ 04/30/2022 ]
- [FIX] various fixes
UPDATE 6.77 [ 04/30/2022 ]
- [FIX] configurations small bugs
UPDATE 6.73 [ 04/30/2022 ]
- [ADD] option for loop playlist
UPDATE 6.71 [ 04/07/2022 ]
- [FIX] some bugs with likes and stats
UPDATE 6.60 [ 11/02/2021 ]
- [FIX] some bugs
UPDATE 6.50 [ 08/25/2021 ]
- [FIX] a security bug
UPDATE 6.34 [ 04/10/2021 ]
- [FIX] multiple stability fixes
UPDATE 6.21 [ 02/21/2021 ]
- [FIX] multiple stability fixes
UPDATE 6.10 [ 11/27/2020 ]
- [FIX] multiple stability fixes
UPDATE 6.00 [ 10/16/2020 ]
- [ADD] new waveform modifier and analyser tool
- [ADD] new bulk waveform tool in Settings > System check
- [FIX] a bug where the waveform will not be sent for processing in the database
UPDATE 5.96 [ 09/08/2020 ]
- [ADD] options for social lightbox shares
UPDATE 5.95 [ 09/01/2020 ]
- [FIX] bug fixes
UPDATE 5.93 [ 08/24/2020 ]
- [FIX] bug fixes
UPDATE 5.91 [ 07/31/2020 ]
- [FIX] bug fixes
- [ADD] search field in main options
- [ADD] async and defer option for loading zoomsounds
- [ADD] IE11 compatibility option
UPDATE 5.84 [ 05/26/2020 ]
- [FIX] AutoUpdater fixed
UPDATE 5.82 [ 05/11/2020 ]
- [FIX] colors for waveform and highlight color are now rendered correctly – set default in ZoomSounds > Settings, with the possibility to overwrite in Player Configs
- [ADD] support for default settings in audio player configs – tutorial
UPDATE 5.70 [ 01/04/2020 ]
- [TWEAK] redesign for playlist shortcode generator
- [ADD] new showcase mode – slider_featured
UPDATE 5.60 [ 09/29/2019 ]
- [ADD] new import player in one click option in player generator both for gutenberg and player generator
- [FIX] some bugs
UPDATE 5.48 [ 08/29/2019 ]
- [ADD] Big Wavo layout
- [FIX] some bugs
UPDATE 5.31 [ 06/03/2019 ]
- [FIX] a bug where Zoomsounds Analytics would conflict with other DZS Plugins analytics
UPDATE 5.30 [ 06/02/2019 ]
- [ADD] shoutcast support with current playing song
- [ADD] icecast support with current playing song
- [FIX] bugs
UPDATE 5.18 [ 03/23/2018 ]
- [FIX] bug with wpbakery page builder
UPDATE 5.12 [ 02/24/2018 ]
- [FIX] a bug with avada fusion builder
UPDATE 5.04 [ 02/07/2018 ]
- [FIX] a bug where the settings array would appear
UPDATE 5.03 [ 02/04/2018 ]
- [FIX] buttons not appearing in classic editor
UPDATE 5.00 [ 12/27/2018 ]
- [ADD] gutenberg gallery block
- [ADD] gutenberg player block
- [ADD] gutenberg player block
- [ADD] support for ICECAST radio station
UPDATE 4.63 [ 08/20/2018 ]
- [FIX] some bugs
- [FIX] some bugs
- [ADD] some examples to one click importer
- [TWEAK] updated documentation with new admin photos
- [FIX] some bugs
- [ADD] amazon s3 support for reading files
- [FIX] some bugs
- [ADD] custom controls
- [FIX] some bugs
- [FIX] some bugs with custom color not showing in single player
- [TWEAK] reworked single player generator
- [ADD] analytics button for single player
- [ADD] custom buttons controls in player generator
- [FIX] some bugs
- [ADD] caching option for total time of the track
- [FIX] some bugs
UPDATE 4.00 [ 11/02/2017 ]
Major update: A new admin has been introduced. This is designed from the ground up, based on feedback we received over the years for the old one. It is ajax enabled and changes are updated nearly instantly. Because the legacy admin and the new one are not compatible ( are based on different principles ), the change will not be done automatically. But, exported sliders from the old one are converted on import to the new one.
With that in mind, new install will upgrade the new admin directly. And current install will keep legacy admin, until administrators are ready to upgrade. If you want to import your legacy galleries, just export them from the legacy admin, switch to the new one ( from ZoomSounds > Settings > Playlists Mode ) , and import them into the new one.
- [ADD] revamped admin panel for galleries
- [ADD] duplicate support for player configurations
- [ADD] new optional info button for skin-wave
- [ADD] new demo in One click import
- [TWEAK] waveforms are smaller in size
- [ADD] specify wave form accuracy in settings
- [ADD] option to clear all waveform data ( settings > delete settings > clear wave data )
UPDATE 3.40 [ 09/15/2017 ]
- [TWEAK] youtube video stream displays too for youtube audio
- [ADD] autoupdate support
- [FIX] some bugs
UPDATE 3.32 [ 07/16/2017 ]
- [ADD] multiple options added for adding html in the player in special places ( after play button etc )
- [ADD] now sample times can reflect times from the same preview track ( not from the download track )
- [FIX] zoomsounds tab in woocommerce not showing anymore
- [FIX] some bugs
- [ADD] custom buttons in player configurations
- [TWEAK] fixed a bug in preview
- [FIX] multiple bugs with footer players
- [ADD] scrubbar now shows hover time in the current time field
- [TWEAK] added examples to preview
- [ADD] play default player in footer option
- [FIX] some bugs
UPDATE 3.23 [ 05/08/2017 ]
- [ADD] option to hide or show number
- [FIX] highlight color on player
- [FIX] some bugs
- [ADD] color higlight now works for skin-pro too
- [FIX] some bugs
- [TWEAK] improved thumbnail generation for media files in playlists
- [ADD] play woocommerce loops in footer player option
- [TWEAK] updated preview
- [ADD] image, title and description to facebook share button
- [ADD] possibility to have players above the woocommerce single item page and woocommerce shop page
- [TWEAK] reworked settings page
- [FIX] some bugs
UPDATE 3.03 [ 03/15/2017 ]
- [ADD] download counter
- [FIX] some bugs
- [FIX] fixed buttons above editor
- [ADD] shortcode generator for the player
- [ADD] wrapper image option for the player
- [ADD] visual composer support
- [ADD] cornerstone support
- [TWEAK] reworked live spectrum – now much smoother!
- [TWEAK] reworked shortcode buttons
- [TWEAK] reworked preview
- [FIX] several bugs
- [ADD] options for wave bar space and gradient option for the waveform
- [FIX] several bugs
- [FIX] some bugs with view counter
- [ADD] mode nocontrols for skin-wave
- [ADD] reflecto wave canvas mode
- [ADD] hover to play option
- [ADD] grid noir
- [FIX] fixed comments
- [FIX] slider export
- [FIX] next button used to go to the previous playlist item
- [ADD] sample playlist with comments, likes and views functionality enabled
- [TWEAK] footer player now displays author and track name for woo grid
- [FIX] fixed footer player working with PLAY button ( woo grid 1 )
- [TWEAK] now skin-silver reacts to a wider area of the scrubbar / volume bar
- [ADD] the new options for button skin for the skin-wave
- [TWEAK] embed code now displays as a button when other under player text is present ( like like button enabled or view count enabled )
- [TWEAK] remove image waveform fields where no longer necessary when the new canvas wavemode is on
- [TWEAK] redesigned most buttons
- [TWEAK] updated preview
- [FIX] some bugs
- [ADD] new canvas wave mode
- [TWEAK] updated preview
- [FIX] some bugs
- [TWEAK] modified skin-wave layout on mobile
- [TWEAK] updated preview
- [ADD] ability to have custom link on buy button for grid style 3
UPDATE 2.45 [ 05/20/2016 ]
- [FIX] some bugs
- [TWEAK] media file now the preferred method for importing mp3 because ID3 tags like title, artist, thumbnail are automatically imported from the mp3
- [TWEAK] updated preview
- [ADD] option to enable global footer player
- [ADD] option to play gallery items in footer player
- [FIX] total plays and likes now display
- [FIX] small bugs
UPDATE 2.30 [ 12/06/2015 ]
- [TWEAK] reworked time comment
- [FIX] small bugs
UPDATE 2.20 [ 10/02/2015 ]
- [ADD] sample data and instant example generator available in the shortcode generator
UPDATE 2.10 [ 08/07/2015 ]
- [TWEAK] removed custom uploader as there was no need
- [TWEAK] reworked waves upload to go in WordPress upload dir
UPDATE 2.02 [ 06/16/2015 ]
- [FIX] some bugs
UPDATE 2.00 [ 04/02/2015 ]
- [ADD] new player skin – aria
- [ADD] new player skin – silver
- [ADD] gallery skin selector
- [ADD] new gallery skin – skin-default
- [ADD] new shortcodes for grids added / woocommerce support
UPDATE 1.70 [ 11/05/2014 ]
- [FIX] a bug where likes, ratings would not work
- [ADD] new shortcode [zoomsounds_in_lightbox id=”theid”]placeholder html code[/zoomsounds_in_lightbox] – opens a gallery in the zoombox
UPDATE 1.63 [ 08/03/2014 ]
- [FIX] a bug where commenting would not work
- [FIX] autoplayNext issue
- [FIX] removed easing on scrub progress and scrub hover
UPDATE 1.61 [ 06/24/2014 ]
- [ADD] mention to enable menu state button if menu state is set to closed
- [ADD] updated docs with replicate preview player example
UPDATE 1.60 [ 06/11/2014 ]
- [FIX] some bugs
- [ADD] new image preview for the zoomsounds_player in the WYSIWYG tinymce editor . can be disabled from ZoomSounds > Settings
- [ADD] new embed code option for skin-wave
- [FIX] bug – like button activating when pressing play
- [ADD] new option – menu height
- [FIX] WP 3.9 – shortcode not generating .. FIXED
UPDATE 1.50 [ 03/21/2014 ]
- [FIX] bug – skin-justthumbandplayer not working
- [ADD] new skin-pro
- [FIX] some bugs
- [TWEAK] players inserted from the media library with no waveform will have the default waveform assigned
- [FIX] some bugs with spectrum
- [FIX] fixed preseter in the preview
- [FIX] added background image field
- [TWEAK] added preseter to the preview
- [ADD] now comments can appear when the scrub head is over it
- [ADD] skin-justthumbandbutton
- [ADD] new slick mode for skin-wave
- [TWEAK] updated preview
- [FIX] some bugs
- [FIX] mobile scrolling for the menu works now
UPDATE 1.30 [ 12/09/2013 ]
- [FIX] bugs
- [TWEAK] now comments, rates, play count work in playlist mode
- [ADD] new comment count dashboard
- [ADD] new download buttons
- [ADD] timer display
UPDATE 1.20 [ 11/25/2013 ]
- [FIX] set thumbnail bug
- [TWEAK] preview update
- [ADD] new toggle playlist button
- [ADD] cue first item for playlist player
- [ADD] cue and autoplay option for single player
- [ADD] likes and views counter for single player
- [TWEAK] preview tweaked
- [ADD] new zoombox mode – open a audio player in a zoombox
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
Audio Items feature results in 404 errors when trying to audio items.
Go to wp dashboard > Settings > Permalinks and click save changes / repair permalinksThen 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
When you insert a new player, just select that and you have comments enabled
How to replicate first page player ? ( link – here )
- Go to any post / page you want to insert this
- Click the Insert ZoomSounds Player from WP Library ( third button )
- Click the mp3 you want to insert
- in the right menu that appears select the configuration to waveformwithcomments or any of your custom one + select the thumbnail
- click the auto generate buttons to generate waveforms
- click the insert button
How to insert Song Name in the gallery item ?
if you play a sound file and the footer player comes up, when you scroll the page down, the content on the page goes over the footer player.
Go to ZoomSounds > Settings > Appearence and in extra CSS enterbody .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 -> OverlayPro 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 -> BottomCan I autoplay audio on mobile ios / android ?
Audio cannot autoplay without user interaction on any mobile android or iosDo I have to create a gallery for every song if I’m trying to load individual songs to individual blog posts? Seems like I’m missing the shortcode for the single player vs. the play list gallery.
You just have to press this button above every post / page to add a single mp3 -
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
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 > appearenceand 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 > appearenceand 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/4525354How to place additional links to track amazon / itunes ?
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
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 shoutcast radio…
And another idea would be a buy link for the EP! Could it be possible?
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
__
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
- svg from here
- beautiful tracks by timmcmorris and ADG3studios