CODEWITHSUNDEEP
htmlhtml5-audioweb-audio-api
user1769526
user1769526

Reputation: 23

Using web audio api live input to control stuff

I would like to use my microphone input to control an image i have. I managed to edit this code by far and get my image affected. There was javascriptNode.onaudioprocess = function() and for some reason it disabled my microphone input checking.

Upvotes: 0

Views: 136

Answers (1)

cwilso
cwilso

Reputation: 13908

You shouldn't need a Javascript node at all. You should just use a requestAnimationFrame handler to do the section of your code that does:

        var array =  new Uint8Array(analyser.frequencyBinCount);
        analyser.getByteFrequencyData(array);
        var average = getAverageVolume(array);
        var array2 =  new Uint8Array(analyser2.frequencyBinCount);
        analyser2.getByteFrequencyData(array2);
        var average2 = getAverageVolume2(array2);
        element.style.opacity = average/100;
        element2.style.opacity = average2/100;

Upvotes: 1

Related Questions