A HTML5 video player whose seek bar is a spectrogram of the video's audio.
- Simple to use
How it works
Output from a <video> element is sampled with an AnalyserNode, producing a time-variant spectrum, which is painted onto a <canvas>.
Three easy steps:
- Run build-distributable.sh to compile What's distributable.
- Put the contents of distributable/ onto a server, and browse to it.
- On the index page, select a video file.
The given video should now begin to play - assuming it's in a format supported by your browser.
The spectrogram will appear as the video plays. To speed things up, you can set a higher playback rate by clicking in the bottom right corner, where it initially says "x1" (setting the rate too high may cause stuttery playback and/or gaps in the spectrogram).
Note: This software is currently work in progress and may not work as intended.