Built with Claude

Mic-Reactive Frame AnimationMic-Reactive Frame Animation12 fps · forward / pause / reverse
Load an MP4 video or a FRAMES folder of numbered PNGs below,
then enable the microphone.
Pause
frame — / —
Frame SourceFolder
Filename prefix
Digit padding
Start index
Extension
Probe limit

Filenames expected like: FRAMES/frame001.png, FRAMES/frame002.png …
Video Source (MP4)
      Choose file
      
      Or path / URL
      
      Video native fps
      
      auto-detected on load when the browser supports it; edit if the speed looks off
    
Picking a file from your computer works even without a local server.
Live Input Level

      Current level
      −∞ dB
    
Thresholds
      Pause below
      
      −45 dB
    
      Reverse above
      
      −20 dB
    
      Below the first line: pause. Between the lines: forward @12fps. Above the second line: reverse @12fps.
    
    Drop this HTML file in the same directory as a folder named FRAMES containing your image
    sequence, then open it in a browser (a local server works best for loading local images —
    e.g. run `python3 -m http.server` in that directory and open localhost). Click "Load Frames"
    first, then "Enable Microphone" (the browser will ask for permission). Mic audio is analyzed
    locally in-browser only — nothing is recorded or sent anywhere.
MRFA

Built with Claude

Frame Source

Video Source (MP4)

Live Input Level

Thresholds
