Browser-Based MP3 Cutter

Understanding Audio Waveforms: Amplitude over Time

An audio waveform is a visual representation of sound pressure levels over a specific period. When you look at the waveform rendered inside our cutter, the vertical axis represents **amplitude** (how loud the sound wave is), and the horizontal axis represents **time**.

In digital audio editing, having a visual waveform is critical. It allows you to identify specific parts of a track—such as a quiet intro, a sudden drum drop, or the beginning of a vocal line—without guessing timestamps. The peak values show where transient sounds (like snare hits) occur, making it easy to slice right at the start of a beat.

How Linear Audio Fading is Calculated Mathematically

Cutting an audio file at an arbitrary point can create a sudden discontinuity in the sound wave. If the waveform is cut at a point of high amplitude, the sudden jump from a loud signal to absolute silence causes a rapid transient spike, which manifests as an audible click or pop in speakers.

To prevent clicking and create pleasant audio transitions, we apply digital fades. Fading is accomplished by applying a time-varying gain multiplier to the raw PCM sample values:

• Fade-In: To fade in the audio over 2 seconds, we calculate the number of samples that occur in those 2 seconds (e.g. 2 * 44,100Hz = 88,200 samples). For each sample, we multiply the value by a factor that ramps linearly from 0.0 (complete silence) to 1.0 (original volume):
  Multiplier = Sample_Index / Total_Fade_Samples
• Fade-Out: To fade out the audio, we do the reverse. Over the last 88,200 samples of the slice, the multiplier ramps linearly from 1.0 down to 0.0:
  Multiplier = (Total_Fade_Samples - Sample_Index) / Total_Fade_Samples

By modifying the sample array directly inside our MP3 Web Worker, we ensure that these mathematical curves are applied smoothly before the final MP3 frames are compressed and written, resulting in professional-grade transitions.