Post Format

Apollo – Sticky Full Width HTML5 Audio Player for WPBakery Page Builder (formerly Visual Composer) (Add-ons)

It supports .mp3 and .ogg audio files

 

video tutorial

Installation – https://www.youtube.com/watch?v=aC6z54QF4k8
Manage the categories – https://www.youtube.com/watch?v=GnLjVwyUgVA
Manage the player playlist and settings – https://www.youtube.com/watch?v=5L90grn2xZc

 

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.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Sticky &amp; Standard Versions</strong>
You can set the player to be sticky for a page. You can also disable sticky feature and just insert it in the content of a page or post. <br />
  It will be sticky only on the page it was inserted. If you want it to be sticky on all pages, you should buy the WordPress plugin instead: <a href="https://codecanyon.net/item/apollo-sticky-full-width-html5-audio-player-wordpress-plugin/20158996">https://codecanyon.net/item/apollo-sticky-full-width-html5-audio-player-wordpress-plugin/20158996</a>

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Highly Customizable</strong>
You can choose from the 2 skins available: back &amp; white. Also, from parameters you can create any color scheme, having the possibility to integrate it in any design.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Continuous Playback</strong>
When you’ll change the page, the player will continue from it was in the previous page. This will ensure a smooth playback across your entire website.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Player In Popup Window</strong>
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.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Vinyl Record Animation Or Artist Image</strong>
You can either show the vinyl record animation or the artist image.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Mobile Compatible</strong>
It is compatible with IOS and Android operating systems.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Categories</strong>
The playlist items can be structured in categories. An audio file can belong to multiple categories.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Playlist Search</strong>
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.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Show/Hide Playlist</strong>
Button to show or hide the playlist. Parameters to show the playlist from the beginning.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Share</strong>
You can share your audio player on Facebook and Twitter.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Download Option</strong>
Available button to download (on desktop) the current playing file. You have the option to hide the download button.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Buy Button</strong>
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.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Lyrics Button</strong>
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.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Multiple parameters</strong>
Autoplay, loop, shuffle, rewind, volume control, minimize etc.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Google Analytics</strong>
Option to activate Google Analytics tracking. You’ll be able to see how many times each audio file was played.

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Multiple Instances</strong>
You can insert multiple audio players on your website or on the same page

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Lightweight</strong>
The JS file has around 50KB

<img src="https://blog.wbcomdesigns.com/wp-content/uploads/2018/02/arrow_den.gif" alt="" /> <strong>Free Updates</strong>

Once you’ve bought the product, you can download for free, from your account, all the updated versions.

 

Notes for IOS (restrictions imposed by Apple):
1. The autoplay will not work because IOS disables autoplay feature and it can’t be controlled from JS
2. Volume controllers will not work on IOS. You’ll have to adjust the volume with physical buttons of the mobile device.

 

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 [email protected]. We’ll try to answer you as quickly as possible.

Enjoy!

 

Our other Visual Composer Add-Ons

visual composer addon html5 radio player

visual composer addon universal video player

visual composer addon html5 audio player pro

UPDATES / RELEASE LOG

***Version 1.1 Release Date: February 25, 2018
- code improvements

***Version 1.0 Release Date: February 10, 2018

Buy Plugin

Leave a Reply