BelkaDev / stereoDrift

Stereo Drift is a music visualization tool for artists, amateurs, and all.

Live version: https://stereodrift.github.io/

• Select audio -- a demo song, your own uploaded track, or live microphone input
• Hit ▶️
• Choose a visualization style and color palette
• Enjoy :)

Take Stereo Drift to your next house party, live set, or music video 🎵💃🎹

Method, References, and Inspiration

• Javascript / web audio API used to import and analyze the frequency of audio files
• d3.js used for visualization (drawing shapes, binding audio frequency data to the shapes, animation)
• HTML / CSS for page markup and styling

References and inspiration:

• https://bignerdranch.com/blog/music-visualization-with-d3-js/
• https://jfire.io/animations/

License

This work is licensed under a Creative Commons Attribution-NonCommercial 3.0 Unported License. For commercial projects, please contact [e-mail]