Introduction
In this review, we will be discussing the HTML5 Audio Player PRO addon for WPBakery Page Builder. This powerful addon provides a comprehensive solution for adding high-quality audio players to your WordPress website. With its impressive list of features and customizable options, it’s no wonder why this addon has an impressive rating of 4.71 out of 5 stars.
The Addon
The HTML5 Audio Player PRO addon is a top-notch responsive player that is compatible with all major browsers and mobile devices. Its design is highly customizable, allowing you to integrate it into any design scheme you desire. This addon is perfect for musicians, podcasters, and anyone looking to add high-quality audio to their website.
Features
Some of the standout features of this addon include:
- Optional ‘start point’ and ‘end point’ for each audio, allowing visitors to preview specific sections of the track
- Optional ‘fade in’ and ‘fade out’ options, enabling a seamless audio experience
- Responsive design, ensuring that the player looks great on all devices
- Mobile compatibility, working seamlessly on both iOS and Android operating systems
- Any color scheme possible, thanks to its highly customizable design
- Playlist search function, allowing visitors to quickly find specific tracks
- Download option, enabling visitors to download the current playing file
- Share options, making it easy to share your audio player on Facebook and Twitter
- Multiple instances, allowing you to insert multiple audio players on your website or the same page
- Over 55 options for customization, including autoplay, loop, shuffle, initial volume, and more
Pros and Cons
One of the major advantages of this addon is its high level of customization, making it easy to integrate into any design scheme. Additionally, its responsive design and mobile compatibility ensure that it looks great on all devices.
However, one of the potential drawbacks of this addon is its complex settings and options, which may overwhelm some users. Additionally, some users may find the addon’s pricing a bit steep, especially for smaller websites or blogs.
Conclusion
In conclusion, the HTML5 Audio Player PRO addon is an impressive tool that provides a high-quality audio experience for your website visitors. With its customizable design, responsive layout, and extensive list of features, it’s a great choice for anyone looking to add high-quality audio to their website. While it may have some limitations and drawbacks, the overall value and performance of this addon make it well worth considering.
Score: 4.71/5 stars
User Reviews
Be the first to review “HTML5 Audio Player PRO – Addon for WPBakery Page Builder”
Introduction
HTML5 Audio Player PRO - Addon for WPBakery Page Builder is a powerful plugin that allows you to add a responsive and customizable audio player to your WordPress website. This addon is designed specifically for WPBakery Page Builder, a popular page builder plugin for WordPress. In this tutorial, we will walk you through the process of setting up and using the HTML5 Audio Player PRO addon for WPBakery Page Builder.
Setting up the HTML5 Audio Player PRO addon
Before we dive into the tutorial, make sure you have the following installed on your WordPress website:
- WordPress 4.0 or later
- WPBakery Page Builder 5.5 or later
- HTML5 Audio Player PRO addon for WPBakery Page Builder (available on the WPBakery Page Builder marketplace)
To set up the HTML5 Audio Player PRO addon, follow these steps:
- Log in to your WordPress website and go to the WPBakery Page Builder dashboard.
- Click on the "Addons" tab and select "HTML5 Audio Player PRO" from the list of available addons.
- Click on the "Install" button to install the addon.
- Once installed, click on the "Activate" button to activate the addon.
Step 1: Adding the Audio Player to Your Page
Now that the addon is set up, let's add the audio player to your page. Follow these steps:
- Create a new page or edit an existing page in WPBakery Page Builder.
- Click on the "Elements" tab and search for "Audio Player".
- Drag and drop the "Audio Player" element onto your page.
- Configure the audio player settings as needed (more on this in the next step).
Step 2: Configuring the Audio Player Settings
To configure the audio player settings, follow these steps:
- Double-click on the "Audio Player" element to open its settings panel.
- In the settings panel, you can configure various options, such as:
- Audio file upload: upload your audio file or enter the URL of an existing file.
- Player design: choose from various design options, including layout, colors, and typography.
- Play controls: customize the play, pause, and seek controls.
- Track listing: add multiple tracks to the player and configure the track listing layout.
- Captions and translations: add captions and translations to your audio player.
Here's a breakdown of each setting:
- Audio File: Upload your audio file or enter the URL of an existing file.
- Player Design: Choose from various design options, including layout, colors, and typography.
- Play Controls: Customize the play, pause, and seek controls.
- Track Listing: Add multiple tracks to the player and configure the track listing layout.
- Captions and Translations: Add captions and translations to your audio player.
Step 3: Publishing Your Page
Once you've configured the audio player settings, you're ready to publish your page. Follow these steps:
- Click on the "Save" button to save your page.
- Click on the "Publish" button to publish your page.
- Review your page to ensure the audio player is working as expected.
Conclusion
That's it! With these steps, you've successfully set up and configured the HTML5 Audio Player PRO addon for WPBakery Page Builder. You can now add a responsive and customizable audio player to your WordPress website, and engage your audience with high-quality audio content.
Additional Tips and Features
Here are some additional tips and features to keep in mind:
- To customize the audio player layout, you can use the "Row" and "Column" elements in WPBakery Page Builder.
- To add more functionality to your audio player, such as playlist, tracklisting, and playlists, you can use the "Advanced" settings.
- To troubleshoot issues with your audio player, check the browser console and network panel for errors and performance issues.
- For more information on the HTML5 Audio Player PRO addon, check out the WPBakery Page Builder documentation and support resources.
Settings for HTML5 Audio Player PRO - Addon for WPBakery Page Builder
General Settings
[ht_slider]
type = "standard"
autoplay = "0"
loop = "false"Skin Settings
style = "modern"
css_class = ""
background = "#333333"
border_radius = "0px"
font_family = "Arial, sans-serif"
color_scheme = "dark"
animate_duration = "500ms"
animate_easing = "ease-in-out"Player Control Settings
previous_button = "true"
next_button = "true"
play_button = "true"
pause_button = "true"
mute_button = "true"
full_screen_button = "true"
volume_control = "true"
seek_bar = "true"
playpause_button = "true"Volume Bar Settings
volume_bar_width = "4px"
volume_bar_max_width = "150px"
volume_bar_slider_bar_width = "8px"
volume_bar_slider_shadow = "true"Playlist Settings
playlist_layout = "horizontal"
playlist_fade_in = "200ms"
playlist_fade_out = "200ms"
playlist_item_margin_top = "10px"
playlist_item_margin_bottom = "10px"Playlist Items Settings
playlist_items_separator = "<br><br>"
playlist_items_image_width = "60px"
playlist_items_image_height = "60px"
playlist_items_title_text_max_length = "25"
playlist_items_description_text_max_length = "150"Mobile Devices Settings
hide_mobile_controls = "true"
mobile_controls_type = "overlay"
mobile_play_button_position = "middle"
mobile_volume_control_type = "slider"
This WPBakery Page Builder Addon – HTML5 Audio Player PRO is a top-notch responsive player compatible with all major browsers and mobile devices. Any color scheme possible, customizable from parameters, so you can integrate this audio player in any design. This is an addon / extension for WPBakery Page Builder.
Installation – https://www.youtube.com/watch?v=mOZmuZfzjiU
Manage the categories – https://www.youtube.com/watch?v=GnLjVwyUgVA
Manage the player playlist and settings – https://www.youtube.com/watch?v=OiKrIwKfhUs
FEATURES:
Optional ‘start point’ and ‘end point’ for each audio
You have the option to allow the visitor to preview just a section of the audio track. If these parameters are not used, the entire audio track will play
Optional ‘fade in’ and ‘fade out’
You have the option to set if the sound will fade in at the beginning of the track or fade out at the end of the track
Responsive Design
The audio player can be used in websites which are responsive. Optional parameter to disable responsive behavior in order to integrate it in non-responsive websites.
Mobile Compatible
It is compatible with IOS and Android operating systems.
Any Color Scheme
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.
Playlist Search
You have the option to search the playlist. The results will be displayed as you type the search term.
Download Option
Available button to download the current playing file. You have the option to hide the download button.
Share
You can share your audio player on Facebook and Twitter. Parameters to customize the share title and description.
Multiple Instances
You can insert multiple audio players on your website or on the same page.
Multiple Parameters
Over 55 options from where you can customize your player, including: autoplay, loop, shuffle, initial volume, show/hide playlist, show/hide playlist on init & color parameters.
Free Updates
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) and Android (restrictions imposed by 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
Keywords: audio, html5, mp3, ogg, player, playlist, song, jquery, mobile, ios, android, plugin, music, wordpress, wpbakery addon
If you need additional information don’t hesitate to contact us at office@lambertgroup.ro. We’ll try to answer you as quickly as possible.
Enjoy!
UPDATES / RELEASE LOG
***Version 3.5.4 Release Date: August 20, 2024 - updates for 2024 ***Version 3.5.3 Release Date: November 03, 2023 - added jQuery dependency for wp_register_script() ***Version 3.5.2 Release Date: April 28, 2023 - updates for 2023 ***Version 3.5.1 Release Date: March 20, 2022 - updates for 2022 ***Version 3.5 Release Date: October 21, 2021 - optional 'start point' and 'end point' added for each audio - option to fade out the sound when the track ends - option to fade in the sound at the beginning of the track ***Version 3.4 Release Date: June 05, 2021 - updated the plugin to respect the latest Envato WordPress Plugin Requirements ***Version 3.3 Release Date: May 11, 2021 - js libraries update ***Version 3.2 Release Date: January 26, 2021 - moved html5 audio tag inside the script so that it will not be affected by the incorrect usage of mediaelement library ***Version 3.1 Release Date: December 03, 2020 - code improvements ***Version 3.0 Release Date: November 17, 2020 - "use strict" mode on - updates to be compatible with jQuery 3.5+ - image resize on mobile devices, if the images are bigger than 150px ***Version 2.1.1 Release Date: July 23, 2020 - css modifications ***Version 2.1 Release Date: June 03, 2020 - if no category is selected, for an audio file added in the player playlist, the 'ALL CATEGORIES' category will be set as default. ***Version 2.0 Release Date: June 29, 2019 - replaced the .click(), .mouseover(), .mouseoout() etc functions, from the plugin JS file, with the equivalent .on() ***Version 1.9.9 Release Date: April 25, 2019 - css modifications ***Version 1.9.8 Release Date: March 09, 2019 - updated the FaceBook API to the latest version 3.2 - updated the help information regarding FaceBook Share ***Version 1.9.7 Release Date: February 02, 2019 - bug fix for Firefox 65.0 ***Version 1.9.6 Release Date: January 03, 2019 - improvements for shuffle option ***Version 1.9.5 Release Date: November 27, 2018 - increased the playlist scroll when using mouse wheel ***Version 1.9.4.1 Release Date: October 09, 2018 - multiple code improvements ***Version 1.9.4 Release Date: September 27, 2018 - updated the FaceBook API to the latest version 3.1 - added FaceBook share parameters ***Version 1.9.3 Release Date: May 25, 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.9.2 Release Date: March 28, 2018 - code improvements for reading the mp3 file total time ***Version 1.9.1 Release Date: February 26, 2018 - bug fix ***Version 1.9 Release Date: February 23, 2018 - bug fix which appeared on IOS when the playlist had not scroll ***Version 1.8 Release Date: January 05, 2018 - code improvements for touch navigation feature ***Version 1.7.1 Release Date: October 04, 2017 - HTTPS compatibility ***Version 1.7 Release Date: July 07, 2017 - compatibility with VC 5.2 ***Version 1.6 Release Date: March 16, 2017 - code improvements for responsive behavior ***Version 1.5 Release Date: February 21, 2017 - updated the Facebook API to the latest version 2.8 ***Version 1.4 Release Date: November 08, 2016 - code improvements for playlist display ***Version 1.3 Release Date: October 01, 2016 - updated the Facebook API to the latest version 2.7 ***Version 1.2.4.2 Release Date: May 31, 2016 - code improvements ***Version 1.2.4.1 Release Date: May 24, 2016 - bug fix for 'buy now' button ***Version 1.2.4 Release Date: March 31, 2016 - feature: parameter to show a 'buy now' button - feature: parameter to change the title for the 'buy now' button - feature: parameter to set the 'buy now' button target (_blank or _self) - feature: parameter to show a 'lyrics' button - feature: parameter to change the title for the 'lyrics' button - feature: parameter to set the 'lyrics' button target (_blank or _self) ***Version 1.2.3 Release Date: February 19, 2016 - code improvements ***Version 1.2.2 Release Date: February 11, 2016 - improved playlist scroll on mobile devices - feature: new parameter 'Search Inside Author Field' to search in author field, too ***Version 1.2.1 Release Date: January 07, 2016 - code improvements ***Version 1.2 Release Date: August 26, 2015 - code improvements ***Version 1.1 Release Date: July 28, 2015 - feature: new parameter added 'center' which will center the player - code improvements and optimization to integrate it with our other VC addons - compatibility with VC 4.6 ***Version 1.0 Release Date: July 02, 2015. Each featured in different line.
Related Products
$16.00
There are no reviews yet.