HTML5 Audio Player- Audio Player Plugin

Beschrijving

You can add/embed and play almost all types of audio files in your post, page, and widgets areas as well as in the template files. HTML5 Audio Player has many options and features that fit your audio player needs.

HTML5 Audio Player can play on all major browsers. Our audio player plugin is shortcode-driven, so adding audio players to any part of your website becomes easy. Also, the HTML5 audio player plugin is lightweight so it doesn’t put any pressure on your website speed and performance.

HTML5 Audio Player plugin prioritizes user convenience with full control over buttons and compatibility across major browsers and iOS devices.

With responsiveness and a lightweight design, it’s suitable for various uses such as podcast embedding and audio file previews.

Other features include customizable color options, fast forward/rewind buttons, preload options for enhanced page load speed, ad-free experience, and control over player elements like restart, download, play, progress bar, duration display, mute, volume, settings, and playback speed adjustment.

See Live Demo
Buy The Pro Version

How to use HTML5 Audio Player?

Get a quick video tutorial-

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

HTML5 Audio Player Features

  • Sluit audiospeler in bericht, pagina, widget gebied en thema templates in
  • The audio player is compact so it does not take up a lot of space on your webpage.
  • Ondersteuning play inline.
  • Controle over alle knoppen.
  • Shortcode driven. So it’s more powerful and you can add an audio player anywhere on your website.
  • Gemakkelijk te gebruiken, wat betekent dat je geen expert hoeft te zijn om deze plugin te gebruiken.
  • 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, edge
  • 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 for your users to see the file before purchasing
  • 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 of the user.
  • Lightweight and user-friendly

HTML5 Audio Player Pro Version Features

Here are the pro features of this WordPress audio player for website-

  • Color-changing options. You can add different color customizations to the audio players
  • Toon vooruitspoelen en terugspoelen knop
  • Increase Page load speed by changing Preload Options and improve performance
  • Geen advertenties
  • Hide / Show Restart Button
  • Verberg/toon download knop
  • Verberg / toon afspeelknop
  • Verberg/toon de voortgangsbalk voor audio.
  • Verberg/toon audio duur in de speler
  • Verberg/toon mute-knop
  • Verberg/toon de volumeregeling.
  • Toon/verberg instellingen knop in de speler.
  • Beheer de audiosnelheid door een knop in te stellen.
  • Audio Player with a single Play Button

HTML5 Audio Player step-by-step guide

  • After installation, you can see a sidebar menu in the WordPress 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 and add to your website
  • Plak de shortcode in een bericht, pagina en widget gebied van je site om ze te publiceren. Als je een speler wilt publiceren in een template bestand, gebruik dan
  • 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%”] to publish a audio player
  • Veel plezier!

Gutenberg blok

  • De HTML5 Audio Player plugin voegt een Gutenberg blok toe met de naam HTML5 Audio Player onder de categorie ‘Algemeen’.
  • Go to your WordPress Admin interface and open a post or page editor.
  • Klik op de plus knop in de linkerbovenhoek of in de body van je bericht/pagina.
  • Search or look for the block in the Common Block Category and select HTML5 Audio Player.
  • Click the Icon to add the player.
  • Select An Audio Player
  • Publiceer en geniet!

  • Voor hulp bij de installatie klik je op de tab Installatie

User Feedback

❛❛I bought a second license for another site because this plugin satisfied all my needs. I had a small problem on this new site and support solved the problem within hours of my request. Thank you so much. You are awesome.❜❜

-pripyat51

❛❛Loving the player and the support they have provided. The new features are exactly what we need. Thank you!❜❜

-hoffmaw

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

⭐ Checkout our other WordPress Plugins-

🔥 Html5 Audio Player – Best audio player plugin for WordPress.

🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPresss.

🔥 StreamCast – A fully-featured Radio Player Plugin for WordPresss.

🔥 3D Viewer – Display interactive 3D models on the webs.

Schermafdrukken

  • Sidebar menu
  • UI
  • Player configuration
  • Shortcode Generator

Blokken

Deze plugin heeft 2 blokken.

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

Installatie

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”

Welk type audio kan ik afspelen?

Je kunt .mp3, .oog en .wav audiobestanden afspelen.

Beoordelingen

26 september 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.
4 september 2023 1 reactie
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 juli 2023 2 reacties
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 april 2023 2 reacties
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.
Lees alle 161 beoordelingen

Bijdragers & ontwikkelaars

“HTML5 Audio Player- Audio Player Plugin” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“HTML5 Audio Player- Audio Player Plugin” is vertaald in 2 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “HTML5 Audio Player- Audio Player Plugin” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

2.2.24 – 25 June, 2024

  • Fixed: Patchstack Vulnerability

2.2.23 – 15 May, 2024

  • Fixed: Double player issue

2.2.22 – 9 May, 2024

  • Feature: Enable/Disable Loader
  • Fixed: audio doesn’t play old (before 2018) iOS devices.
  • Feature: Set start time (premium)

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

  • Initiële versie