audio-visualizer

ThreeJS visualizer of mic input or audio files

Go to file

Silas c182456a21 add audio listener that offsets vertices of hand by average volume, add start button that plays the music		2022-03-11 01:02:03 -05:00
.vscode	add audio listener that offsets vertices of hand by average volume, add start button that plays the music	2022-03-11 01:02:03 -05:00
dist	initial commit	2022-03-10 18:33:20 -05:00
src	add audio listener that offsets vertices of hand by average volume, add start button that plays the music	2022-03-11 01:02:03 -05:00
static	add audio listener that offsets vertices of hand by average volume, add start button that plays the music	2022-03-11 01:02:03 -05:00
.eslintignore	import gltf model, modulate light intensity, add linting	2022-03-10 22:05:46 -05:00
.eslintrc	import gltf model, modulate light intensity, add linting	2022-03-10 22:05:46 -05:00
.gitignore	initial commit	2022-03-10 18:33:20 -05:00
.prettierrx.js	import gltf model, modulate light intensity, add linting	2022-03-10 22:05:46 -05:00
.tool-versions	initial commit	2022-03-10 18:33:20 -05:00
LICENSE	add MIT license	2022-03-10 18:35:56 -05:00
README.md	add audio listener that offsets vertices of hand by average volume, add start button that plays the music	2022-03-11 01:02:03 -05:00
index.html	add audio listener that offsets vertices of hand by average volume, add start button that plays the music	2022-03-11 01:02:03 -05:00
package-lock.json	import gltf model, modulate light intensity, add linting	2022-03-10 22:05:46 -05:00
package.json	add audio listener that offsets vertices of hand by average volume, add start button that plays the music	2022-03-11 01:02:03 -05:00

README.md

ThreeJS Audio Visualizer

Currently a work in progress. It will be able to take in an MP3 file, and distort the imported 3D hand model along to the highs and lows.

Development

To get started, you simply need to run the following commands:

npm install && npm run dev

Then you can access localhost:8000. There's no hot code reloading, so you'll need to refresh after any code changes.

Deploy

Run npm run build then serve index.html, dist, and static.