Full-Length Audio to 30 Second Audio Sample Converter

Michael Bauchert created this utility to quickly convert full-length audio clips to 30 second snippets with crossfades at the beginning and end. Conversion and processing happens on the client side using Tone.js to shorten the clips and crossfade the edges, and Lame.js to convert the Tone.js audio buffers into mp3 files.

Check out the code for this utility on GitHub.

Custom <elusive-sample> Component

After the audio mp3 files are created and automatically downloaded to the user's computer, they are uploaded and referenced using the custom tag, <elusive-sample>, also created by Michael Bauchert. Check out how it works below or check out what's under the hood on GitHub.