https://github.com/charliegerard/windows-equalizer

Prototype of music equalizer using browser windows and the Web Audio API
https://github.com/charliegerard/windows-equalizer

javascript music-visualizer webaudio-api

Last synced: 3 months ago
JSON representation

Prototype of music equalizer using browser windows and the Web Audio API

• Host: GitHub
• URL: https://github.com/charliegerard/windows-equalizer
• Owner: charliegerard
• License: gpl-3.0
• Created: 2019-06-23T22:59:49.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-06-24T11:29:49.000Z (over 5 years ago)
• Last Synced: 2024-07-18T08:47:35.283Z (4 months ago)
• Topics: javascript, music-visualizer, webaudio-api
• Language: JavaScript
• Homepage: https://windows-queen.netlify.com/
• Size: 19.2 MB
• Stars: 49
• Watchers: 3
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Music equalizer with browser windows

*Built in a few hours so probably buggy*

Following [this prototype](https://flappy-windows.netlify.com), I decided to play around with the Web Audio API and build a music equalizer with browser windows.

## End result:

![Demo](demo.gif)

## Tech stack:

* HTML

* CSS

* JavaScript

* Web Audio API 🎉

## Good to know:

* It looks a little different on Firefox because Chrome has a minimum width value for popup windows so I calculated the number of windows based on that. It still works on Firefox but there is a space between each popup.

* Quitting doesn't always work when pressing `q` so you might have to do it manually.