A/B Audio Sync Plugin WordPress, Download, Install
WordPress plugin that provides A/B audio comparison and synchronization.
A/B Audio Sync Download Now
(If the link does not work)↓
Originals Link WordPress.org
https://wordpress.org/plugins/ab-audio-sync/
How to Install A/B Audio Sync Plugin, Manually
- Download the plugin and unzip to your wp-content/plugins directory
- Alternatively, just upload the zip file via the WordPress plugins UI
- Activate plugin via WordPress admin
- Include the following elements on your page or post
<div class="audio-sync-group"> <audio class="audio-sync-a" src="PATH_TO_AUDIO_A" preload="preload" controls="controls"></audio> <audio class="audio-sync-b" src="PATH_TO_AUDIO_B" preload="preload" controls="controls"></audio> <button class="audio-btn-sync-play">Play</button> <button class="audio-btn-sync-a">Audio A</button> <button class="audio-btn-sync-b">Audio B</button> </div>Replace PATH_TO_AUDIO_A and PATH_TO_AUDIO_B, of course with your own files. File type will be dependent on browser support.
This has been tested with MP3 and WAV audio files with no issues on Google Chrome.
The plugin looks for HTML objects with the class of audio-sync-group as its starting point.
From there, it will look for exactly two audio elements that have the class audio-sync-a or audio-sync-b. There
can be only one of each within an audio group. There must also be audio-btn-sync-play,
audio-btn-sync-a, and audio-btn-sync-b buttons to control play and audio toggle.
There can be multiple audio groups on the same page and they will all act independently from eachother. This is
ideal for a “showcase” type of page with many A/B comparisons happening in one view.
New in 3.3 The audio-btn-sync-play button also supports the data-stop attribute to change
the button’s behavior from pausing audio (default) or to stopping audio. The
data-stop attribute does not need a value, it only needs to be declared to take effect. To
have a stop button, the button should look like this – <button class="audio-btn-sync-play" data-stop="">Play</button>
New in 3.4 The “audio-btn-sync-[a/b]” buttons now support the “data-show-menu” attribute to
allow users to right-click on the audio tracks to see the context menu. This context menu
is now disabled by default on all tracks.
Video
Screenshots
Plugin Not Working?
If any errors or problems with the plug-in then write comments.
About The Author
admin
I am are a 5 years has been a freelancer, engaged in web design, website building.
Cant get it to work. Did exactly as desribed. Copied the code and replaced the paths with the musics paths. Should there be any more to it ? it does show the playerbuttons but it doesnt connect to the music. I would be realy happy if this would work.