https://github.com/brianmitchl/audio-visualizer
🔊 A site to control and display audio visualizers, all from the browser.
https://github.com/brianmitchl/audio-visualizer
Last synced: about 1 month ago
JSON representation
🔊 A site to control and display audio visualizers, all from the browser.
- Host: GitHub
- URL: https://github.com/brianmitchl/audio-visualizer
- Owner: BrianMitchL
- License: mit
- Created: 2022-07-17T05:51:05.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-09T01:59:11.000Z (over 2 years ago)
- Last Synced: 2025-03-27T21:11:06.618Z (about 2 months ago)
- Language: TypeScript
- Homepage: https://projects.brianm.me/audio-visualizer/
- Size: 451 KB
- Stars: 4
- Watchers: 2
- Forks: 2
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# audio-visualizer
A site to control and display audio visualizers, all from the browser.
See the application at https://brianm.me/audio-visualizer/
The control page allows the user to select an audio device and does the work to
analyze the audio. From this page, the user can also set the active visualizer
to be shown for the given visualizer window.
The visualizer page shows the visualizer.
You should grant access (and remember decision) to the site for
microphone/audio use, and reload the control page in order to see the list of
device names.
## Using High Quality Audio/Music Input
By default, the only input devices shown are microphones, and external inputs.
Apps like Loopback or Soundflower may work to route an output device into a
virtual input that can be used in a browser.
The site works best in Firefox or Chromium-based browsers. Safari should work,
but it seems to have problems with the Loopback Pass-Thru virtual device on
macOS, which is how I'm able to test with directly routing audio from a music
player into the site. Other audio routing applications or directly using an
input devices may work better in Safari.
## Local Development
Install Node 16+, run `npm install` to install dependencies, and `npm run dev`
to serve a local application. The app runs from the "audio-visualizer" path,
go to `http://localhost:5173/audio-visualizer/` to open it.
## Visualizers
See the visualizer's [documentation](./src/visualizer/visualizers/README.md) for
more info on adding new visualizers.