spectrogram-threejs
audioMotion-analyzer
spectrogram-threejs | audioMotion-analyzer | |
---|---|---|
4 | 2 | |
46 | 533 | |
- | - | |
0.0 | 7.8 | |
over 1 year ago | 14 days ago | |
JavaScript | JavaScript | |
- | GNU Affero General Public License v3.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
spectrogram-threejs
-
Realtime user audio 3d spectrogram visualization with THREEJS shaders - link in comments
Over the weekend i built a nifty 3D spectrogam visualization tool with ThreeJs shaders. Repo : https://github.com/yzdbg/spectrogram-threejs Demo : https://spectrogram-threejs.vercel.app/
-
Show HN: Realtime visualization of 3D spectrogram with THREEJS shaders
I've been working with 2D spectrograms for a while now while working with Speech recognition.
It had always fascinated me how speech and words had such distinct features. Looking at spectrograms is essentially like hearing with your eyes.
Over the weekend i built a tool to visualize your own audio into a spectrogram in 3D. I used threeJS with shaders and vanilla JS/Html.
Play with it here : https://spectrogram-threejs.vercel.app/
I hope it brings you as much joy as it does for me.
-
Realtime microphone audio spectrogram visualization in 3D
Play with it here : https://spectrogram-threejs.vercel.app/ If you like it, a star on github would be much appreciated : https://github.com/yzdbg/spectrogram-threejs
audioMotion-analyzer
-
Streaming over WebSockets to make my FastLED sign sound-reactive
Y'all could theoretically use audioMotion-analyzer to make even vanilla WLED sound-reactive (maybe?) without additional analog hardware setup. What do you think, is that possible?
-
Streaming over Wi-Fi to make my FastLED sign sound-reactive
The audio analysis is done on computer using audioMotion-analyzer. It can take inputs from livestream, file, or microphone.
What are some alternatives?
bitlisten - Realtime Bitcoin transaction visualizer
AmplitudeJS - AmplitudeJS: Open Source HTML5 Web Audio Library. Design your web audio player, the way you want. No dependencies required.
tutorial_audio_analysers - 🎵 Tutorial showing how to use audio analysers to update a WebGL scene 🔊
fetch-stream-audio - Low Latency web audio playback examples for decoding audio streams in chunks with Fetch & Streams APIs
howler.js - Javascript audio library for the modern web.
strudel - Web-based environment for live coding algorithmic patterns, incorporating a faithful port of TidalCycles to JavaScript