CodeCanyon

ZoomSounds - WordPress Wave Audio Player with Playlist

ZoomSounds - WordPress Wave Audio Player with Playlist

\\

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

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, youtube and mp3 shoutcast radio stations. You can also embed SoundCloud songs just by inputing their link in the shortcode generator – that easy. You just need a soundcloud account and api key ( you can request that on their site ) .

import with one click

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
  • flash backup – ie7 and ie8 do not support html5, but those users are not forgetten, the sounds will play for them too via the flash player
  • 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 [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
  • 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

multiple layouts and skins



Mobile Optimized

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

Watch Video

Generate Preview

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

Updates

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

UPDATE 3.24 [ 05/12/2017 ]

  • [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
UPDATE 3.21 [ 04/25/2017 ]
  • [FIX] some bugs
  • [TWEAK] improved thumbnail generation for media files in playlists
UPDATE 3.12 [ 04/10/2017 ]
  • [ADD] play woocommerce loops in footer player option
  • [TWEAK] updated preview
UPDATE 3.10 [ 04/05/2017 ]
  • [ADD] image, title and description to facebook share button
UPDATE 3.04 [ 03/25/2017 ]
  • [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
UPDATE 3.01 [ 03/04/2017 ]
  • [FIX] fixed buttons above editor
UPDATE 3.00 [ 02/18/2017 ]
  • [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
UPDATE 2.75 [ 11/25/2016 ]
  • [ADD] options for wave bar space and gradient option for the waveform
  • [FIX] several bugs
UPDATE 2.72 [ 11/25/2016 ]
  • [FIX] some bugs with view counter
UPDATE 2.70 [ 11/06/2016 ]
  • [ADD] mode nocontrols for skin-wave
  • [ADD] reflecto wave canvas mode
  • [ADD] hover to play option
  • [ADD] grid noir
UPDATE 2.64 [ 10/16/2016 ]
  • [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
UPDATE 2.63 [ 10/13/2016 ]
  • [TWEAK] footer player now displays author and track name for woo grid
UPDATE 2.62 [ 10/11/2016 ]
  • [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
UPDATE 2.61 [ 10/02/2016 ]
  • [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
UPDATE 2.60 [ 09/27/2016 ]
  • [TWEAK] redesigned most buttons
  • [TWEAK] updated preview
UPDATE 2.51 [ 08/02/2016 ]
  • [FIX] some bugs
  • [ADD] new canvas wave mode
  • [TWEAK] updated preview
UPDATE 2.46 [ 06/15/2016 ]
  • [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
UPDATE 2.44 [ 05/12/2016 ]
  • [ADD] option to enable global footer player
  • [ADD] possibility to generate waveforms for soundcloud tracks ( that are public )
  • [ADD] possibility to embed private soundcloud tracks in the gallery
UPDATE 2.43 [ 04/13/2016 ]
  • [ADD] option to play gallery items in footer player
UPDATE 2.42 [ 03/28/2016 ]
  • [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
UPDATE 1.62 [ 07/03/2014 ]
  • [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
UPDATE 1.51 [ 04/19/2014 ]
  • [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
UPDATE 1.45 [ 02/26/2014 ]
  • [FIX] some bugs
  • [TWEAK] players inserted from the media library with no waveform will have the default waveform assigned
UPDATE 1.43 [ 01/18/2014 ]
  • [FIX] some bugs with spectrum
  • [FIX] fixed preseter in the preview
UPDATE 1.41 [ 01/18/2014 ]
  • [FIX] added background image field
  • [TWEAK] added preseter to the preview
UPDATE 1.40 [ 01/15/2014 ]
  • [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
UPDATE 1.10 [ 11/19/2013 ]
  • [TWEAK] preview tweaked
  • [ADD] new zoombox mode – open a audio player in a zoombox

Notes

  • 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.
  • youtube will not work as audio on iDevices but as a video due to the platform limitations

FAQ

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


  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
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 -

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

Thanks!

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/q-creative-the-html5-template/12693538?ref=Zoomit ( no browser refresh ) then zoomsounds sticky player will work fine

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

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

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

SoundCloud sounds do not work

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

Other Great Plugins


by
by
by
by
by
by