Interface AudioAnalyser

This uses the Web Audio API See the ngx3js docs page for details.

Examples

webaudio / sandbox | webaudio / visualizer

Code Example

//  create an AudioListener and add it to the camera
const listener = new THREE.AudioListener();
camera.add( listener );
//  create an Audio source
const sound = new THREE.Audio( listener );
//  load a sound and set it as the Audio object's buffer
const audioLoader = new THREE.AudioLoader();
audioLoader.load(
    'sounds/ambient.ogg',
    function( buffer ) {
        sound.setBuffer( buffer );
        sound.setLoop(true);
        sound.setVolume(0.5);
        sound.play();
    }
);
//  create an AudioAnalyser, passing in the sound and desired fftSize
const analyser = new THREE.AudioAnalyser( sound, 32 );
//  get the average frequency of the sound
const data = analyser.getAverageFrequency();

Ngx3Js Code Example

<ngx3js-camera>
    <ngx3js-listener></ngx3js-listener>
</ngx3js-camera>
<ngx3js-audio [url]="'sounds/ambient.ogg'" [volume]="0.5" [loop]="true" [play]="true"></ngx3js-audio>