Audio visualization application created using LightningChart JS.
More information about LightningChart® JS can be found from our website, https://www.arction.com/lightningchart-js/.
The audio data is extracted in realtime using Web Audio API's.
The Web Audio API has an .createAnalyser()
method that can be used to create a new AnalyzerNode.
The AnalyzerNode has methods to get time-domain data (waveform) and frequency data which is data from Fast Fourier transform on the audio signal.
The time-domain data is shown as is on the Time Domain
chart. That same data is also pushed to the Waveform history
chart. This chart displays the last 1 million samples of the audio input.
The last chart, Spectrum
, is used to display three different series.
- Spectrum of the latest samples.
- Maximum frequencies seen.
- Decaying frequency history.
File | License | Source |
---|---|---|
Truck_driving_by-Jason_Baker-2112866529.wav | Public Domain | http://soundbible.com/2097-Transfer-Truck-Drive-By.html |
500_1000_10000.wav | - | https://github.com/Snekw |
The application is hosted at:
https://arction.github.io/lcjs-showcase-audio/
To run the application locally with hot reload:
- Install Node.JS
- Run
npm install
- Run
npm start
- Open browser and navigate to http://localhost:8080
If you notice an error in the example code, please open an issue on GitHub.
Official API documentation can be found on Arction website.
If the docs and other materials do not solve your problem as well as implementation help is needed, ask on StackOverflow (tagged lightningchart).
If you think you found a bug in the LightningChart JavaScript library, please contact support@arction.com.
Direct developer email support can be purchased through a Support Plan or by contacting sales@arction.com.
© Arction Ltd 2009-2019. All rights reserved.