Audio-Reactive Animation

When audio data is available (extracted via extract-audio-data.py or loaded from audio-data.json), any visual element in the composition can be driven by the music — captions, backgrounds, shapes, overlays, anything GSAP can animate.

Audio Data Format

var AUDIO_DATA = {
  fps: 30,           // frame rate of the analysis
  totalFrames: 900,  // total analyzed frames
  frames: [
    { bands: [0.82, 0.45, 0.31, ...] },  // per-frame frequency band amplitudes
    // ...
  ]
};

• frames[i].bands[] — frequency band amplitudes, normalized 0–1. Index 0 = bass, higher indices = mids and treble.
• fps — frame rate of the analysis (matches composition frame rate)