Instead of a library, script, or app, this week I want to show you an awesome web demo.
So, how does it work? First, Mark prefetches an mp3 and uses a high pass filter to identify every loud cymbal & drum hit. These are the ‘peaks’ of the percussion track and there are 198 of them. Then, with an array of time codes corresponding to each peak, he calls
window.setTimeout to show and hide individual elements on screen.
It’s a combination of timed performance and programing muscle. Take a look at the code, fork it, and try making your own cinematic intro!