GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → charliegerard → windows-equalizer

charliegerard / windows-equalizer

Licence: GPL-3.0 license
Prototype of music equalizer using browser windows and the Web Audio API

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

music-visualizerwebaudio-api

Projects that are alternatives of or similar to windows-equalizer

urmusic
An application to make your own music visualizer, easily and for free!
Stars: ✭ 52 (+8.33%)
Mutual labels:  music-visualizer
music-js
HTML5 Audio API music visualizer for JavaScript
Stars: ✭ 37 (-22.92%)
Mutual labels:  music-visualizer
aurora-sdk-mac
An SDK to develop effects for Nanoleaf Light Panels using features like frequency, beat, or tempo.
Stars: ✭ 43 (-10.42%)
Mutual labels:  music-visualizer
opencubicplayer
Open Cubic Player (unix fork). Music visualizer for various tracked music formats (amiga modules, S3M, IT), chiptunes and other formats related to demoscene
Stars: ✭ 141 (+193.75%)
Mutual labels:  music-visualizer
ActiveVisualiser
🌀 Java music visualisation framework
Stars: ✭ 35 (-27.08%)
Mutual labels:  music-visualizer
atanas.info
My personal website. Built with TypeScript, PostCSS, React, D3, BabylonJS, Vuepress, NodeJS, Parcel, Vercel, Puppeteer, Cloudinary, Houdini and more. Installable as a Progressive Web App and (partially) available offline.
Stars: ✭ 15 (-68.75%)
Mutual labels:  music-visualizer
Sound-and-music-reactive-ESP8266-WS2812B
Refined Version of @scottlawsonbc and all schematics + Tutorial 🎵🎵
Stars: ✭ 35 (-27.08%)
Mutual labels:  music-visualizer
catnip
terminal audio visualizer for linux/unix/macOS/windblows*
Stars: ✭ 79 (+64.58%)
Mutual labels:  music-visualizer
JetTunes-Desktop-Music-Player
Material design music player made with javafx
Stars: ✭ 36 (-25%)
Mutual labels:  music-visualizer
music visualizer
Shader viewer / music visualizer for Windows and Linux
Stars: ✭ 137 (+185.42%)
Mutual labels:  music-visualizer
midi-recorder
🎹 The easiest way to record MIDI. No install. Automatically records.
Stars: ✭ 38 (-20.83%)
Mutual labels:  music-visualizer
ArduLED
Control NeoPixels (ws2812b) easier than ever with an Arduino!
Stars: ✭ 25 (-47.92%)
Mutual labels:  music-visualizer
VR audioscape
Google Summer of Code 2017 project - VR application built with processing-android
Stars: ✭ 32 (-33.33%)
Mutual labels:  music-visualizer
hum2song
Hum2Song: Multi-track Polyphonic Music Generation from Voice Melody Transcription with Neural Networks
Stars: ✭ 61 (+27.08%)
Mutual labels:  music-visualizer
aurora-sdk-win
An SDK to develop effects for Nanoleaf Light Panels using features like frequency, beat, or tempo.
Stars: ✭ 22 (-54.17%)
Mutual labels:  music-visualizer
drop
A LÖVE visualizer and music player
Stars: ✭ 17 (-64.58%)
Mutual labels:  music-visualizer
oscilloscoper
Creates oscilloscope videos from WAV files
Stars: ✭ 23 (-52.08%)
Mutual labels:  music-visualizer
Audio Reactive Led Strip
🎵 🌈 Real-time LED strip music visualization using Python and the ESP8266 or Raspberry Pi
Stars: ✭ 2,217 (+4518.75%)
Mutual labels:  music-visualizer
panon
An Audio Visualizer Widget in KDE Plasma
Stars: ✭ 113 (+135.42%)
Mutual labels:  music-visualizer
gestalt
Creative coding playground - Color, Note, Code
Stars: ✭ 16 (-66.67%)
Mutual labels:  music-visualizer
View All Similar Projects ➔

Music equalizer with browser windows

Built in a few hours so probably buggy

Following this prototype, I decided to play around with the Web Audio API and build a music equalizer with browser windows.

End result:

Demo

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].