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