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: 6 days 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 2 years ago)
• Default Branch: master
• Last Pushed: 2022-08-19T01:15:43.000Z (almost 2 years ago)
• Last Synced: 2024-03-01T18:33:09.298Z (4 months ago)
• Topics: audio-visualizer, spectrogram, threejs
• Language: JavaScript
• Homepage: https://voice-spectrogram.vercel.app
• Size: 14.4 MB
• Stars: 45
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - yzdbg/spectrogram-threejs - A realtime 3d spectrogram visualization of the user's microphone audio. Made with threeJs using shaders. (JavaScript)

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

```