https://github.com/yzdbg/spectrogram-threejs

A realtime 3d spectrogram visualization of the user's microphone audio. Made with threeJs using shaders.
https://github.com/yzdbg/spectrogram-threejs

audio-visualizer spectrogram threejs

Last synced: about 1 month ago
JSON representation

A realtime 3d spectrogram visualization of the user's microphone audio. Made with threeJs using shaders.

• Host: GitHub
• URL: https://github.com/yzdbg/spectrogram-threejs
• Owner: yzdbg
• Created: 2022-08-07T19:59:00.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2024-07-24T10:59:25.000Z (11 months ago)
• Last Synced: 2024-08-02T13:33:10.125Z (10 months ago)
• Topics: audio-visualizer, spectrogram, threejs
• Language: JavaScript
• Homepage: https://voice-spectrogram.vercel.app
• Size: 14.4 MB
• Stars: 47
• Watchers: 3
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# spectrogram-threejs

A realtime 3d [spectrogram](https://en.wikipedia.org/wiki/Spectrogram) visualization of the user's microphone audio.

Made with threeJs using shaders.

Play with it here [spectrogram-threejs.vercel.app ](https://spectrogram-threejs.vercel.app/)

![spectrogram gif](https://github.com/yzdbg/spectrogram-threejs/blob/master/assets/spectrogram-demo.gif?raw=true)

## Quick start 

Install packages and run locally. (node 16+ req)

```bash

yarn #install packages

yarn dev #run local env

```