A fullwidth responsive HTML5 Audio Player WordPress plugin compatible with all major browsers and mobile devices. Artist image or vinyl record animation.
It supports .mp3 and .ogg audio files
IF YOU NEED ONLY THE JQUERY PLUGIN FOR THIS PRODUCT , YOU CAN DOWNLOAD IT FROM HERE : https://codecanyon.net/item/apollo-sticky-full-width-html5-audio-player/20127983
Installation – https://www.youtube.com/watch?v=EmlD9qwd0B0
How to use the plugin – https://www.youtube.com/watch?v=8qA3LlLxnPA
FEATURES:
Responsive Design
The audio player can be used in websites which are responsive. It is a full width player and it will cover the parent div width.
Sticky & Standard Versions
You can set the player to be sticky for a page or for the entire website. You can also disable sticky feature and just insert it in the content of a page or post.
Highly Customizable
You can choose from the 2 skins available: back & white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.
Player In Popup Window
You have a button which will open the player in a popup window. With this feature you can listen the music, without interruptions, while navigating the website menu.
Vinyl Record Animation Or Artist Image
You can either show the vinyl record animation or the artist image.
Mobile Compatible
It is compatible with IOS and Android operating systems.
Categories
The playlist items can be structured in categories. An audio file can belong to multiple categories.
Playlist Search
You have the option to search the playlist. It will search the title and author and the results will be displayed as you type the search term.
Show/Hide Playlist
Button to show or hide the playlist. Parameters to show the playlist from the beginning.
Share
You can share your audio player on Facebook and Twitter.
Download Option
Available button to download (on desktop) the current playing file. You have the option to hide the download button.
Buy Button
You can define a link to the buy song page. Parameters to open the link in the same window or a new window and parameter to change the button title.
Read Folder
Option to automatically generate the player playlist code from a folder which contains the MP3 files.
Lyrics Button
You can define a link to the lyrics song page. Parameters to open the link in the same window or a new window and parameter to change the button title.
Multiple parameters
Autoplay, loop, shuffle, rewind, volume control, minimize etc.
Google Analytics
Option to activate Google Analytics tracking. You’ll be able to see how many times each audio file was played.
Multiple Instances
You can insert multiple audio players on your website or on the same page
Lightweight
The JS file has around 50KB
Free Updates
Once you’ve bought the product, you can download for free, from your account, all the updated versions.
Notes for IOS/Android (restrictions imposed by Apple/Google):
1. The autoplay will not work because IOS/Android disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS/Android. You’ll have to adjust the volume with physical buttons of the mobile device.
Note for Safari & Chrome (restrictions imposed by Apple & Google):
Starting with Safari 11 and Chrome 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS
Cookies Note:
This product uses cookies, so you should add on your website the cookie consent notification.
NEW PRODUCT
Other Recommended Players
Keywords: audio, plugin, html5, mp3, music, player, playlist, sticky, ios, song, mobile, playlist, wordpress, full width, fulwidth
If you need additional information don’t hesitate to contact us at HERE. We’ll try to answer you as quickly as possible.
Enjoy!
UPDATES / RELEASE LOG
***Version 3.3 Release Date: June 30, 2021 - code improvements ***Version 3.2 Release Date: May 22, 2021 - bug fix ***Version 3.1 Release Date: May 12, 2021 - option to start the player minified - new API function added to change the category by clicking a button on the page ***Version 3.0 Release Date: March 22, 2021 - moved html5 audio tag inside the script so that it will not be affected by the incorrect usage of mediaelement library - "use strict" mode on - updates to be compatible with jQuery 3.5+ ***Version 2.1.3 Release Date: February 18, 2021 - updates for 2021 ***Version 2.1.2 Release Date: November 05, 2020 - css modifications ***Version 2.1.1 Release Date: August 18, 2020 - code improvements ***Version 2.1.0 Release Date: April 29, 2020 - css modifications ***Version 2.1 Release Date: April 23, 2020 - option to define a link for the song author ***Version 2.0.2 Release Date: February 21, 2020 - updates for 2020 ***Version 2.0.1 Release Date: August 28, 2019 - replaced die() function with wp_die() ***Version 2.0 Release Date: July 02, 2019 - replaced the .click(), .mouseover(), .mouseoout() etc functions, from the plugin JS file, with the equivalent .on() ***Version 1.9.4 Release Date: June 15, 2019 - code improvements ***Version 1.9.3.0 Release Date: April 25, 2019 - updated the help documentation ***Version 1.9.3 Release Date: March 12, 2019 - updated the FaceBook API to the latest version 3.2 - updated the help information regarding FaceBook Share ***Version 1.9.2 Release Date: February 02, 2019 - multiple code improvements - bug fix for Firefox 65.0 ***Version 1.9.1 Release Date: January 09, 2019 - code improvements reading id3v2 tags ***Version 1.9 Release Date: October 19, 2018 - cookie improvement for continuous playback feature ***Version 1.8 Release Date: October 19, 2018 - API function to load a new song from a button on the page ***Version 1.7.1 Release Date: July 12, 2018 - code improvements ***Version 1.7 Release Date: June 27, 2018 - Chrome auto-play restriction for HTML5 audio & video tags fix - Safari 11 on Mac auto-play restriction for HTML5 audio & video tags fix ***Version 1.6 Release Date: April 27, 2018 - code improvements for reading the mp3 file total time - code improvements for pop-up feature ***Version 1.5.1 Release Date: February 16, 2018 - bug fix which appeared on IOS when the playlist had not scroll ***Version 1.5 Release Date: February 15, 2018 - code improvements ***Version 1.4 Release Date: February 02, 2018 - new parameter 'Show Next & Previous Buttons' to hide/show the next & previous buttons. ***Version 1.3 Release Date: January 08, 2018 - code improvements for touch navigation feature ***Version 1.2.1 Release Date: September 23, 2017 - code improvements reading id3v2 tags ***Version 1.2 Release Date: August 24, 2017 - code improvements for shuffle feature ***Version 1.1 Release Date: June 23, 2017 - code improvements ***Version 1.0 Release Date: June 21, 2017
Reviews
Amazing loads of wonderful knowledge.
humana online pharmacy promo code canadian pharmacies online legitimate revive rx pharmacy
Useful advice. Regards.
are canadian pharmacy drugs safe mailing prescription drugs ups best online canadian pharcharmy
You made your stand very clearly.!
drug store online canadian pharmacies mail order surrey bc alliance rx pharmacy
Nicely put, Kudos!
canada pet pharmacy online Brand Viagra online medicine shopping
Nicely put, Thanks a lot.
top 10 online pharmacies canadian pharmacy cialis no prescription trimix online pharmacy
Thank you! Loads of material!
1st rx pharmacy canadian pharmacy for pets women’s international pharmacy
Terrific write ups, Kudos.
cheapest canadian online pharmacy [url=https://canadadrugspower.com/]legit online pharmacy hydrocodone[/url] canada drug pharmacy
Good postings, Regards.
sending prescription drugs through fedex [url=https://canadianonlinepharmacybase.com/]most trusted canadian online pharmacy[/url] vancouver canada pharmacy
Nicely put. Regards.
real online canadian pharmacy [url=https://pharmacyclineds.com/]nps online pharmacy[/url] canada pharmacy generic cialis
This is nicely put. .
canadian vet pharmacy [url=https://online-pharmacy-inc.com/]my rx pharmacy[/url] no prescription canadian drugs
Fantastic facts. Thanks a lot.
androgel canada pharmacy [url=https://edpharmsn.com/]mail order pharmacy canada[/url] best us online pharmacy
Thank you! Numerous forum posts!
online pharmacy 365 pills [url=https://canadapharmacyspace.com/]canadian pharcharmy online viagra[/url] online shopping pharmacy india
You actually suggested this perfectly!
northwest pharmacy in canada [url=https://canadianpharmacyonlinedb.com/]Viagra with Dapoxetine[/url] pharmacy technician online study
You made your point.
canadian pharmacy 365 [url=https://canadapharmacies-24h.com/]hot canadian pharmacy[/url] panacea pharmacy
Good posts. Many thanks!
walgreens pharmacy near me 1st canadian pharmacy coupon code for canada drugs
You reported that effectively!
mexican pharmacies shipping to usa [url=https://sopharmsn.com/]canadian pharmacy mebendazole[/url] lotemax from canadian pharmacies
Cheers, Useful information!
canadadrugs [url=https://canadadrugspower.com]walmart online pharmacy[/url] ed meds online without doctor prescription https://canadianpharmacyonlinedb.com
Info effectively considered!.
prescription online pharmacy online shopping prescription drugs from canada
You actually revealed it wonderfully.
how to write english essays [url=https://dissertationwritingtops.com]https://dissertationwritingtops.com/[/url] creative writing service
You said it nicely..
best college application essays essay writing service hiring a freelance writer
Wonderful forum posts. Appreciate it!
canada pharmacies online pharmacy [url=https://canadarx-drugservices.com]health canada drug database[/url] list of approved canadian pharmacies
You revealed it superbly!
differences between highschool and college essay [url=https://altertraff.com]how to write an amazing college essay[/url] dissertation ghostwriter
You said it perfectly..
cheap canadian drugs canada pharmacy canadian pharmacy
Incredible tons of good advice!
prescription drugs prices [url=https://canadapharmacyspace.com]viagra pharmacy 100mg[/url] best price prescription drugs https://rxpharmacyteam.com
You actually mentioned that fantastically!
best online international pharmacies [url=https://canadianonlinepharmacybase.com]canada medication pharmacy[/url] canadian drugs without prescription
You said it perfectly!
buy custom essay [url=https://ouressays.com]how to cite a website in an essay mla[/url] dissertation writing services reviews
Appreciate it! Loads of forum posts.
college admission essay service [url=https://freshappshere.com]https://freshappshere.com/[/url] writing service online
You made the point!
nyu college application essay [url=https://essaypromaster.com]https://essaypromaster.com/[/url] help with writing assignments
Thanks a lot. Awesome stuff!
online pharmacies canada pills viagra pharmacy 100mg canadian king pharmacy
You actually reported this fantastically!
purposes of writing an essay [url=https://ouressays.com]high school vs college essay[/url] academic writing service
Thank you! I enjoy this.
canadian pharmacy no prescription needed [url=https://canadarx-drugservices.com]ed meds online without doctor prescription[/url] best canadian pharmacies https://canadapharmacyspace.com
Amazing a lot of useful facts!
service essay writing [url=https://englishessayhelp.com]essay writings[/url] professional resume writing services
Incredible tons of superb facts.
canadian pharmacy without prescription [url=https://online-pharmacy-inc.com]buy drugs online[/url] pharmacy drugstore online
Very good forum posts. Appreciate it.
drug stores near me online prescription drugs cheap viagra online canadian pharmacy
Appreciate it, Ample forum posts!
what to write a persuasive essay on [url=https://orangepornhub.com]argumentative essay[/url] ebook writing service
You actually mentioned that superbly!
writing a good scholarship essay [url=https://quality-essays.com]essay writer[/url] business writing services company
Superb posts. Thank you!
help with writing essays at university https://freshappshere.com/ write my homework
Incredible plenty of awesome knowledge!
international pharmacies that ship to the usa [url=https://canadapharmacyspace.com]online rx pharmacy[/url] online pharmacy without a prescription
Nicely put, Many thanks!
buying prescription drugs canada [url=https://northwestpharmacylabs.com]list of approved canadian pharmacies[/url] canada drugs online https://canadianpharmacies-24h.com
Terrific stuff. Kudos!
canada pharmacies online online medicine order discount costco online pharmacy
This is nicely said. !
descriptive writing essay [url=https://freshappshere.com]https://freshappshere.com/[/url] essay writing service australia
Point clearly taken.!
how to write essay about myself [url=https://englishessayhelp.com]argumentative essay[/url] personal statement writing service london
Thank you, Lots of knowledge.
how to write a thesis statement for a essay how to write an informative essay top essay writing services
Appreciate it! Lots of advice!
how to write a college essay paper [url=https://essayssolution.com]https://essayssolution.com/[/url] best essay websites
You actually explained it really well.
college acceptance essay [url=https://service-essay.com]https://service-essay.com/[/url] help writing dissertation
Regards! Plenty of postings.
online pharmacies of canada [url=https://onlinepharmacycanadahelp.com]canadian pharmacy no prescription[/url] canadian pharmacy certified canada pharmacy online
You actually expressed this wonderfully.
canadian pharmacies that ship to us [url=https://canadapharmacies-24h.com]best canadian online pharmacies[/url] canadian pharmacy king https://canadadrugspower.com
Awesome material, Cheers!
writing a expository essay [url=https://topswritingservices.com]https://topswritingservices.com/[/url] hire ghostwriter
Beneficial tips. Many thanks!
walgreens online pharmacy [url=https://canadarx-drugservices.com]prescription drugs prices[/url] order medicine online https://canadianpharmacies-24h.com
Point nicely applied!!
where can i buy an essay [url=https://ouressays.com]https://ouressays.com/[/url] personal statement writing services
This is nicely expressed! !
canada drugs online [url=https://canadarx-drugservices.com]mexican pharmacy online medications[/url] pharmacy tech
Seriously a good deal of valuable information!
safeway pharmacy [url=https://northwestpharmacylabs.com]canadian drug[/url] generic viagra online https://canadianonlinepharmacybase.com
Superb content. Regards.
medical information online pharmacy on line pharmacy online store
Thank you! I like this!
personal essay writing service [url=https://essayssolution.com]essay typer[/url] writing service level agreements
You expressed this effectively.
canadian discount pharmacy [url=https://canadianonlinepharmacybase.com]cheap canadian drugs[/url] no 1 canadian pharcharmy online https://canadadrugspower.com
You actually explained it effectively.
i need help to write an essay cite website in essay essays writing service
Regards. I value it.
buy an essay online [url=https://essaywriting4you.com]college essays[/url] best essay websites
Thanks. A good amount of data.
web medical information [url=https://canadapharmacies-24h.com]buy generic viagra online[/url] internet pharmacy
Nicely put. With thanks.
stages of writing an essay https://essaywriting4you.com/ ghostwriting services rates
Nicely put, Many thanks. good college application essays [url=https://essaypromaster.com/#]dissertation writing[/url] help thesis
Thanks, I enjoy it. [url=https://theessayswriters.com/#]write my essays[/url] essay helper online
You must log in to submit a review.
