Code

Apollo - Sticky Full Width HTML5 Audio Player

Apollo - Sticky Full Width HTML5 Audio Player

Cart 294 sales



A full width responsive HTML5 Audio Player compatible with all major browsers and mobile devices. Artist image or vinyl record animation.

It supports .mp3 and .ogg audio files

 


IF YOU NEED THE WORDPRESS PLUGIN FOR THIS PRODUCT, YOU CAN DOWNLOAD IT FROM HERE : https://codecanyon.net/item/apollo-sticky-full-width-html5-audio-player-wordpress-plugin/20158996

 



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





Keywords: audio, html5, mp3, ogg, player, playlist, song, jquery, mobile, ios, android, plugin, music, sticky, full width, continuous playback



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.6.1.0 Release Date: November 08, 2022
- updates for folder reading option

***Version 3.6.1 Release Date: March 21, 2022
- updates for 2022

***Version 3.6 Release Date: December 09, 2021
- bug fix for favorites option which appear when the player was set as sticky

***Version 3.5 Release Date: October 26, 2021
- option to select your favorite audio files from the playlist

***Version 3.4.0 Release Date: September 29, 2021
- read folder feature improvements

***Version 3.4 Release Date: July 29, 2021
- the 'changeMp3' API function will also auto-play the song

***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.2 Release Date: February 18, 2021
- updates for 2021

***Version 2.1.1 Release Date: November 05, 2020
- css modifications

***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.1 Release Date: February 21, 2020
- updates for 2020

***Version 2.0 Release Date: July 02, 2019
- replaced the .click(), .mouseover(), .mouseoout() etc functions with the equivalent .on()

***Version 1.9.2.0 Release Date: April 25, 2019
- updated the help documentation     

***Version 1.9.2 Release Date: March 11, 2019
- updated the FaceBook API to the latest version 3.2
- updated the help information regarding FaceBook Share

***Version 1.9.1 Release Date: February 02, 2019
- bug fix for Firefox 65.0

***Version 1.9.0 Release Date: January 11, 2019
- code improvements reading id3v2 tags

***Version 1.9 Release Date: November 30, 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 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 01, 2018
- new parameter 'showNextPrevBut' to hide/show the next & previous buttons.

***Version 1.3 Release Date: January 09, 2018
- code improvements for touch navigation feature

***Version 1.2.0 Release Date: September 23, 2017
- code improvements reading id3v2 tags
- code improvements for download mp3 feature

***Version 1.2 Release Date: August 24, 2017
- code improvements for shuffle feature

***Version 1.1.1 Release Date: June 20, 2017
- code improvements for css

***Version 1.1 Release Date: June 18, 2017
- code improvements for responsive behavior

***Version 1.0 Release Date: June 10, 2017
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