finderpress.
Finding your next read
Practical craft for people building for the web.
Explore DevelopmentFinding your next read
THE FINDERPRESS TOOL DIRECTORY
Explore this tool and check the official listing for its latest features and requirements.
01 / SOURCE DETAILS
Click here for a live demo The A/B Audio Sync plugin for WordPress allows developers to queue two songs (WAV, MP3, any format the web browser can handle) and play one at a time, with a toggle switch between them. This gives users the ability to switch tracks quickly, without losing the track time, to hear differences in audio tracks. This is great for demonstrating audio enhancement technology or production/post-production mixes or even the differences between audio format quality.
02 / SOURCE DETAILS
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 Play Play Audio A Audio B 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 two link (a) or 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 button to control play / stop. 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. Apple iOS mobile users – Web Audio API is not fully, nor correctly, implemented in iPhone devices. If you experience issues with this plugin, please enable debug logging (see support forum sticky thread) and open a ticket.
KEEP EXPLORING