Cannot use createJavaScriptNode?

How to fix it?

enter image description here

his failure in the past worked fine, but no more. (Usually he shows a green stripe on the canvas if you speak in a microphone.)

<script type="text/javascript">
var navigator  = window.navigator;
navigator.getMedia = ( navigator.getUserMedia ||
                         navigator.webkitGetUserMedia ||
                         navigator.mozGetUserMedia ||
                         navigator.msGetUserMedia);
navigator.getMedia({ video: false, audio: true}, function(stream) {
  console.log('doing....');

    audioContext = new webkitAudioContext();
    analyser = audioContext.createAnalyser();
    microphone = audioContext.createMediaStreamSource(stream);
    javascriptNode = audioContext.createJavaScriptNode(2048, 1, 1);

    analyser.smoothingTimeConstant = 0.3;
    analyser.fftSize = 1024;

    microphone.connect(analyser);
    analyser.connect(javascriptNode);
    javascriptNode.connect(audioContext.destination);
    canvasContext = document.getElementById("test");
    canvasContext= canvasContext.getContext("2d");

    javascriptNode.onaudioprocess = function() {
      console.log('doing.... bla bla');
        var array =  new Uint8Array(analyser.frequencyBinCount);
        analyser.getByteFrequencyData(array);
        var values = 0;

        var length = array.length;
        for (var i = 0; i < length; i++) {
            values += array[i];
        }

        var average = values / length;
        canvasContext.clearRect(0, 0, 300, 130);
        canvasContext.fillStyle = '#00ff00';
        canvasContext.fillRect(0,130-average,300,130);
    }

    console.log('doing.... done');
}, function(err) {
  console.log("An error occured! " + err);
});                 

</script>
+4
source share
2 answers

webkitAudioContext()it doesn’t createJavaScriptNode, and I believe that you should not use it anywhere.

Try javascriptNode = audioContext.createScriptProcessor(2048, 1, 1);

+7
source

All Articles