Audiopath is a tool for creating interactive visualizations from sound.
It uses the
Echo Nest / Spotify audio analysis API
and
Three.js javascript 3D library
to synchronize beats in audio files with motion in animations.
Click the start button [
] and then modify the animation with the controls in the settings pane
(the settings pane becomes visible when mousing over the bottom of the page).
- Animations are constructed with 'paths' and 'travelers'.
A path is a loop that an object being animated (a traveler) traverses once for each of the time segments in an audio track.
The path that a traveler is attached to can be seen in the animation by checking the path's 'Visible' control in the settings pane.
- Select an item from the Start Setting menu to load a new animation template. The current template can be re-loaded with
the refresh button [].
- Use the add button [] to add a new path to the animation
- Paths can be dragged and dropped to new locations in the animation.
- Details about the selected track are shown in the audio section of the settings pane.
-
- The split panes in the settings section were built with
the Split.js utility.
- The color pickers were built with the Spectrum color picker.
-