moon-eye
Essay - Published: 2018.12.13 | 2 min read (666 words)
art | audio-reactive | moon-eye
DISCLOSURE: If you buy through affiliate links, I may earn a small commission. (disclosures)
Try it out! moon-eye demo
What is moon-eye
moon-eye is a browser-based audio visualizer.
How do I use it
- Head to the demo linked at the top of this page
- Upload a file
- Bask in its insight
I found a bug!
Not working as expected? That was fast.
- Submit an issue on the moon-eye repo
- Shoot me an email or dm
Right now it only supports audio uploads (and I've only tried with .wav files) so your mileage may vary with other types of files.
Works fine, but I've got suggestions for improvements
Same as above.
How it works
moon-eye leverages the Web Audio API to stream system audio and modify dom elements (read: animate) based on that input.
Want more like this?
The best way to support my work is to like / comment / share this post on your favorite socials.
Inbound Links
- My 2020 H1 in review
- Release notes: April 2020
- 2020 Q1 Review
- My 2019 in review
- Release Notes: November 2019
- My 2019 programming language hierarchy
- Updating my vanilla JS audio visualizer (moon-eye) to work more consistently across processor speeds, animate smoother on the DOM, and adapt to changing song / audio landscapes in real-time
- Release Notes: October 2019
- How I publish project demos alongside my Hugo blog
- 2018 in Review
