ttrftech/threejs-spectrum

JavaScript

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