threejs-spectrum
threejs-spectrum copied to clipboard
Spectrum Display using three.js
This project contains real time 3D Spectrum display demo using three.js.
Two options of signal source, audio and radio.
Audio Spectrum Display
Requirement
- Browser supporting WebGL (tested with Chrome)
Run
Just open following link https://ttrftech.github.io/threejs-spectrum/audio.html. If permission to access microphone required, click allow button.
===
Radio Spectrum Display
Requirement
- RTL2832U USB Dongle
- Chrome Web Browser
Setup
$ git clone https://github.com/ttrftech/threejs-spectrum.git
$ cd threejs-spectrum
$ git submodule update --init
Run
On Chrome Web Browser,
- Open Window>Extensions menu,
- Check developer mode,
- Click "Load unpacked extension..." button,
- Select threejs-spectrum folder on file dialog,
- Click "Launch" link in Radio Spectrum extension item.
- Extension window will appear, then click Start button.
- To change frequency, hit Tab key twice to move focus and enter frequency in MHz.
===
Acknowledgment
- Chrome Radio Receiver Extension https://github.com/google/radioreceiver
- three.js http://threejs.org/ https://github.com/mrdoob/three.js/
- jsfft https://github.com/dntj/jsfft