开发者社区> 镜像站> NPM> gl-audio-analyser
gl-audio-analyser
Pull audio waveform/frequency data into WebGL for realtime audio visualisation!
Last updated 5 years ago by mattdesl .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install gl-audio-analyser 
SYNC missed versions from official npm registry.

gl-audio-analyser

experimental

Pull audio waveform/frequency data into WebGL for realtime audio visualisation!

This is a wrapper around the more generic/flexible web-audio-analyser that makes it easier to just drop into a new WebGL project and get up and running quickly.

Browser Usage

NPM

You can pull gl-audio-analyser into your project using browserify.

See demo/index.js for a full usage example.

analyser = require('gl-audio-analyser')(gl, audio, [ctx])

Creates a new audio analyser given the following arguments:

  • gl is the WebGL context you want to use.
  • audio is an audio node to analyse, be that an <audio> tag, MediaStream or AudioSourceNode.
  • ctx is an (optional) AudioContext instance to use. Note however there may only be one instance of this per page, and if not supplied one will be created for you.

Once created, you should then bind the waveform and/or frequency textures once per frame:

analyser.bindWaveform([index])

Uploads the audio's waveform data to a specific texture index, which defaults to 0, returning the bound GL texture index.

analyser.bindFrequencies([index])

Uploads the audio's frequency data to a specific texture index, which defaults to 0, returning the bound GL texture index.

GLSL Usage

You can then read the audio data from a texture. For your convenience, this module can also be used with glslify, though the GLSL module source is relatively short.

See demo/index.frag for an example.

analyse(sampler2D texture, float audioIndex)

uniform sampler2D audioTexture;

#pragma glslify: analyse = require(gl-audio-analyser)

void main() {
  float amplitude = analyse(audioTexture);

  gl_FragColor = vec4(vec3(amplitude), 1.0);
}

Contributing

See stackgl/contributing for details.

License

MIT. See LICENSE.md for details.

Current Tags

  • 1.0.3                                ...           latest (5 years ago)

4 Versions

  • 1.0.3                                ...           5 years ago
  • 1.0.2                                ...           5 years ago
  • 1.0.1                                ...           5 years ago
  • 1.0.0                                ...           6 years ago
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 1
Last Month 1
Dependencies (3)
Dev Dependencies (8)
Dependents (2)