✔ Recently Updated
-40%
A/B After Before Audio Player for WordPress
Professional A/B audio player WordPress plugin for audio mixing, mastering, restoration, music production, podcast editing, and sound design portfolios.
Original price was: $49.95.$29.95Current price is: $29.95.
✓ Instant Download Delivery
HexCoda A/B Audio Player is a professional WordPress audio comparison plugin that lets visitors switch instantly between two synchronized tracks at the same playback position.
Turn Before and After examples into clear, audible proof. Compare a raw mix with the final master, untreated dialogue with a restored recording, a dry signal with a processed version, or any two aligned audio files directly on your website.
Visitors do not need to open separate files or manually match two players. They simply press Play and switch between both versions while the playback position stays synchronized.
Key Features
- Synchronized switching between two aligned audio files.
- Keeps the current playback position when switching between versions.
- Native Gutenberg block included.
- Elementor Free widget included; Elementor Pro is not required.
- Native Flatsome UX Builder element included.
- Works with the Classic Editor and shortcode-compatible page builders.
- Create reusable players and place them on multiple pages.
- Display multiple A/B players on the same page.
- Optionally pause another HexCoda player when a new player starts.
- Includes 7 built-in player skins.
- 100% fully customizable to match your website design and colors.
- Custom labels such as Mix / Master, Raw / Edited, Dry / Processed, or Original / Restored.
- Supports WordPress Media Library files and direct public audio URLs.
- Responsive design for desktop, tablet, and mobile devices.
Product Specifications
- Platform: WordPress 6.4 or later
- PHP: PHP 7.4 or later
- Audio sources: Media Library or direct public URLs
- Audio formats: MP3 and browser-compatible WAV
- Editors: Gutenberg, Classic Editor, Elementor, and Flatsome UX Builder
- Embed option: Shortcode
- Player designs: 7 built-in skins
- Responsive controls: Yes
- Coding required: No
- License activation: Not required
- Updates: Manual ZIP installation
- Current version: v1.5.0
WordPress Workflow
Gutenberg, Elementor Free, Flatsome UX Builder, Classic Editor, or shortcode.
Match Your Brand
Customize labels, colors, width, radius, preload, and playback behavior.
Instant Comparison
Switch between Before and After audio instantly at the same position.
Audio Sources
Use Media Library files, direct URLs, S3, CDN, signed links, and extensionless sources.
Who Is HexCoda A/B Audio Player For?
- Mixing engineers: Compare a rough or unmixed audio track with the final mix.
- Mastering engineers: Let your visitors listen to an unmastered mix and a completed mastered track.
- Audio restoration services: Demonstrate noise removal, repair, and dialogue cleanup.
- Podcast editors: Compare raw speech with the edited and processed result.
- Music producers: Show how a demo developed into a finished production.
- Sound designers: Compare a source recording with the completed sound design.
- Plugin and hardware developers: Demonstrate bypassed and processed signals.
- Audio educators: Teach EQ, compression, restoration, saturation, and other processing techniques with direct examples.
See the AB Audio Player in Action at Song Mix Master website.
Simple WordPress Workflow
Create a player, choose the two audio sources, customize the labels and design, and publish it. You can then place the same player anywhere using Gutenberg, Elementor, Flatsome UX Builder, or the included shortcode.
For more informations, view the HexCoda A/B Audio Player documentation.
Frequently Asked Questions
What is an A/B audio player?
An A/B audio player compares two versions (After and Before) of the same recording while keeping both files at the same playback position. The listener can switch between version A and version B without restarting playback or manually aligning separate players.
Who is HexCoda A/B Audio Player for?
HexCoda is designed for mixing and mastering engineers, producers, recording studios, restoration specialists, podcast editors, sound designers, audio educators, and audio product developers who use Before and After examples to demonstrate their work.
Does switching between Before and After restart playback?
No. HexCoda switches to the other aligned source at the current playback position, allowing visitors to compare the same passage in both versions.
Do both audio files need to have the same length?
For the most accurate comparison, both files should start at the same point and have the same or very similar duration. HexCoda keeps the playback position synchronized, but it cannot automatically align recordings that begin at different moments.
Can I rename the Before and After labels?
Yes. You can use labels such as Mix / Master, Raw / Edited, Original / Restored, Demo / Produced, Dry / Processed, or Bypass / Active. Labels can be configured globally or for an individual player.
Does HexCoda support MP3 and WAV files?
Yes. HexCoda supports MP3 and browser-compatible WAV files. MP3 generally provides the widest browser compatibility. WAV playback also depends on the codec stored inside the WAV container and the visitor’s browser.
Can I use externally hosted audio files?
Yes. You can use direct public audio URLs, including compatible CDN and Amazon S3 links. The hosting server must allow browser playback and provide the correct CORS, MIME type, codec, and access permissions.
Can I display more than one audio player on a single page?
Yes. Multiple HexCoda players can be displayed on the same page. You can also enable the option to pause another HexCoda player when a new one starts.
4 reviews for A/B After Before Audio Player for WordPress
Add a review
Changelog
= 1.5.0 =
- Added optional per-player Button text color customization.
- Renamed the existing Text control to Player text for greater clarity.
- Preserved quieter inactive labels and automatic comparison-button contrast.
= 1.4.0 =
- Introduced a cleaner HexCoda administration workspace with focused All Players, Add New Player, and Settings navigation.
- Added a centered player editor with live preview, customization tabs, save status, and streamlined shortcode access.
- Added individual player duplication for quickly reusing audio sources and design settings.
- Added Sage Studio, Blush Studio, Clean Compare Mint, and Clean Compare Coral for a total of thirteen built-in skins.
- Improved player-list search, responsive editor layouts, comparison-button styling, and progress-thumb visibility.
- Made Studio Dark the fixed default for newly created players.
= 1.3.0 =
- Moved complete visual customization into each player editor with a live preview. Added per-player progress, border, shadow, dimension, title, and time controls. Added automatic comparison-button contrast for custom player backgrounds. Simplified the site-wide Settings page to playback behavior and data retention.
= 1.2.0 =
- Renamed the existing Compare skin to Clean Compare Light.
- Added Clean Compare Dark with the same selector-first layout and a dark HexCoda color system.
= 1.1.0 =
- Added the Clean Compare skin with a clear selector-first layout and dedicated transport row.
- Preserved the existing playback engine, accessibility behavior, customization controls, and editor integrations.
= 1.0.0 =
- First stable commercial release.
- Synchronized Before/After comparison with seven skins and color controls.
- Media Library, external, CDN, S3, signed, encoded, and extensionless audio URL support.
- Gutenberg, Elementor Free, Flatsome UX Builder, Classic Editor, and shortcode integration.
- Browser, accessibility, builder, security, and release-package hardening.
- Manual commercial ZIP distribution through HexCoda/WooCommerce.
Instant Digital Download
Download your plugin immediately after completing your purchase.
Updates and Support Included
Receive plugin updates, documentation, and customer support.
Secure, Tested Plugin Files
Every release is tested with its supported WordPress and PHP versions.
Easy Setup, No Coding
Install, activate, and configure everything without touching code.
Your May Also Like
-40%
Original price was: $49.95.$29.95Current price is: $29.95.
-40%
Original price was: $49.95.$29.95Current price is: $29.95.
Timothy –
It works perfectly
A-Mickelson –
Such an awesome player. The best I have tried and used!
Pedro Nunes –
I really needed something like this, thank you very much.
JSP Beats – Music producer –
I just needed one clean player for my audio portfolio page. This plugin does exactly that, and the Studio Dark skin matches our site perfectly.