Html5 Audio Player – Audio Player for WordPress

Description

Play .mp3, .wav, .ogg audio file in WordPress. A Simple, accessible, Easy-to-use & fully Customizable audio player that works on all devices. You can Play and embed a nice audio player in the post, page, and widgets areas as well as template files. It Has tons of options that can fit your audio player needs.

See Live Demo
Buy The Pro

How to use it?

Here is a quick tutorial.

[audio_player src="video src" width="100%"]

Features

  • Embed audio player in the post, page, widget area, and theme templates
  • The audio player is compact so it does not take a lot of real estate on your webpage.
  • Support play inline.
  • Controls over all the buttons.
  • Shortcode driven. So it’s more powerful.
  • It’s very easy to use which means you don’t have to be an expert to use this plugin.
  • HTML5 compatible so the audio files embedded with this plugin will play on iOS devices
  • Works on all major browsers – IE7, IE8, IE9, Safari, Firefox, Chrome
  • The audio player is responsive.
  • If you do podcasting then this audio player can be used to embed the audio files on your WordPress posts or pages
  • If you are selling audio files from your site then you can use this plugin to offer a preview
  • Use the autoplay option to play an audio/mp3 file as soon as the page loads
  • Ability to specify both the MP3 and Ogg versions of your audio files. The plugin will play the appropriate one based on the device.
  • Lite Weight

Pro Version Features

What’s New in PRO?

  • Color-changing options.
  • Show Fast Forward And Rewind Button
  • Increase Page load speed by changing Preload Options.
  • No Ads
  • Hide / Show Restart Button
  • Hide / Show Download Button.
  • Hide / Show Play Button
  • Hide / Show the audio Progress bar.
  • Hide / Show audio duration in the player.
  • Hide / Show Mute Button.
  • Hide / Show the volume Control.
  • Show / Hide Setting button in the Player.
  • Control the audio speed by setting a button.
  • Player with single Play Button.

How to use

  • After installation, you can see a sidebar menu in the dashboard called “HTML5 Audio Player”
  • Add one or more players from there.
  • You will get Shortcode for every player On the player list.
  • Copy Shortcode for the player you wanna publish
  • Past the shortcode in post, page, and widget areas To publish them. if you want to publish a player in a template file use
  • you can also use this shortcode [audio_player src=”https://cdn.plyr.io/static/demo/View_From_A_Blue_Moon_Trailer-576p.mp4″ width=”100%”]
  • Enjoy!

Gutenberg Block

  • This plugin adds a Gutenberg Block Called HTML5 Audio Player Under the Common Category
  • Go to your WordPress Admin interface and open a post or page editor.
  • Click the plus button in the top left corner or in the body of the post/page.
  • Search or See in Common Block Category and select HTML5 Audio Player.
  • Click the Icon to add it.
  • Select A Player
  • Publish and Enjoy!

  • For installation help click on Installation Tab

Feedback

Like that plugin? Hate it? Want a new feature? [Send me some feedback](mailto: support@bplugins.com “Send feedback”)

Screenshots

  • Sidebar menu
  • UI
  • Player configuration
  • Shortcode Generator

Blocks

This plugin provides 2 blocks.

  • HTML5 Audio Player
  • Audio Player Listen music on the web.

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload plugin-directory to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Use the shortcode on the page, post, or in widgets.
  4. If you want Player in your theme php, Place <?php echo do_shortcode('YOUR_SHORTCODE'); ?> in your templates

FAQ

How do I install this plugin?

You can install it as other regular WordPress plugins. No different way. Please see on installation tab.

Can I play a video such as a mp4 file?

No, But you can try my other plugin called “HTML5 Video Player”

What type of audio can I play?

You can play .mp3, .oog, and .wav audio files.

Reviews

መስከረም 4, 2023 1 reply
You can use it but don't expect too much. You can create many combinations with these setting elements. However, the possibilities to implement your own ideas are very limited. Inconsistent availability of features and colors across player variants. There is potential, but more talent, skills and willingness to make a good product are needed.
ሓምለ 20, 2023 2 replies
DescriptionThe plugin does not validate and escape some of its shortcode attributes before outputting them back in a page/post where the shortcode is embed, which could allow users with the contributor role and above to perform Stored Cross-Site Scripting attacks. Proof of Concept[h5ap_inline_player src="invalid' onerror='alert(1)'"] Information from Wpscan
ሚያዝያ 7, 2023 2 replies
I bought the PRO version and I accidentally forgot to deactivate the license before migration. I wrote to the support to please help me because I was unable to activate the license on my new site. It took them 2 weeks to respond, "you can activate the license key now". I couldn't, so I wrote them again to check it please. Never got a reply, it has been almost a month. Very disappointed.
ጥሪ 6, 2023 8 replies
Yes it's a simple effective player except that it gives away your audio to visitors unless you pay for premium. the download button is standard with free version and cannot be disabled. making this player pointless.
መስከረም 26, 2023
I am using the pro version. While it does a good job in general, I've found several bugs since I started using it. Unfortunately, the team behind the plugin is not responsive and weeks can go by before someone gets back to my emails. I am currently waiting for support. Quite a frustrating experience.
Read all 160 reviews

Contributors & Developers

“Html5 Audio Player – Audio Player for WordPress” is open source software. The following people have contributed to this plugin.

Contributors

“Html5 Audio Player – Audio Player for WordPress” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Html5 Audio Player – Audio Player for WordPress” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.2.19 – 3 Feb, 2024

  • Fixed: m4a issue in safari

2.2.18 – 27 Jan, 2024

  • Feature: Quick Player / New Shortcode Added
  • Fixed: Deprecated: Creation of dynamic property

2.2.17 – 4 Dec, 2023

  • Fixed: File does not exist

2.2.16 – 22 Nov, 2023

  • Fixed: default player not working

2.2.14 – 25 Sep, 2023

  • Fixed: call to undefined function str_contains

2.2.13 – 20 Sep, 2023

  • Fixed: Deprecated error from Codester

2.2.12 – 18 Sep, 2023

  • Option to set initial volume in Elementor addon

2.1.10

  • Elementor Addons Added
  • Gutenberg Block Added

2.1.5

  • solve audio player duration stuck issue

1.3

  • Enabled Direct file download with the original file name.
  • Fix a minor issue
  • Improved performance

1.2

  • Add support for Gutenberg Block

1.1

  • fix player position issue
  • Change player skin to modern one.
  • improved performance

1.0

  • Initial Release