visual-js/examples/templates/sound.js

[3.0.26] Prepare for npm usage. Special integration for matrix engine 1.9.0 Thunder.

SMODULE.NEW_OBJECT("TESLA", 45, 35, 20, 10, 10);
TESLA.TYPE_OF_GAME_OBJECT = 'CUSTOM';

var CHANNELS = 300;
TESLA.SOUND = {};

HELLO_WORLD.MAP.CLEAR_MAP = true;

    TESLA.CUSTOM = function (s) {

    SURF.fillStyle = 'rgba(111 ,222 ,22 , 1)';
    SURF.strokeStyle = 'rgba(1 ,1 ,222 , 0.5)';
    for (var d = 0; d < CHANNELS; d++) {

        SURF.fillRect(20 + 5 * d, VIEW.H(25), 1, 1 + TESLA.SOUND['amp' + d])

        SURF.fillStyle = 'rgba(11 ,222 ,122 , 1)';

        SURF.fillRect(20 + 5 * d, VIEW.H(75), 1, 1 - TESLA.SOUND['amp' + d])

        SURF.beginPath();
        SURF.arc(VIEW.W(50), VIEW.H(50), 10 + TESLA.SOUND['amp' + d], 0, 2 * Math.PI);
        SURF.stroke();

    }

};

//////////////////////////////////////
// TEST
//////////////////////////////////////

var audioInput = function (channels) {

    var root = this;

    root.channels = channels;

    var audioContext = new AudioContext();
    console.log("audio is starting up ...");
    root.gain_node = null;
    var BUFF_SIZE = 16384;
    var audioInput = null,
    micStream = null,
    script_processor_node = null,
    script_processor_fft_node = null,
    analyserNode = null;

    if (!navigator.getUserMedia)
        navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
            navigator.mozGetUserMedia || navigator.msGetUserMedia;

    if (navigator.getUserMedia) {
        navigator.getUserMedia({
            audio: true
        },
            function (stream) {
            start_microphone(stream);
        },
            function (e) {
            console.log('Error :' + e);
        });

    } else {
        alert('getUserMedia not supported in this browser.');
    }

    function show_some_data(given_typed_array, num_row_to_display, fromChannel) {

        if (typeof fromChannel !== 'undefined') {
            console.log('from c')
        }
        var size_buffer = given_typed_array.length;
        var index = 0;
        var max_index = num_row_to_display;
        for (; index < max_index && index < size_buffer; index += 1) {
            //console.log(given_typed_array[index]);
            TESLA.SOUND['amp' + index] = given_typed_array[index];
        }
    }

    function process_microphone_buffer(event) {

        var i,
        N,
        inp,
        microphone_output_buffer;
        // just mono - 1 channel for now
        microphone_output_buffer = event.inputBuffer.getChannelData(0);

        // microphone_output_buffer  <-- this buffer contains current gulp of data size BUFF_SIZE
        show_some_data(microphone_output_buffer, root.channels, "from getChannelData");
    }

    function start_microphone(stream) {

        // test
        var filter = audioContext.createBiquadFilter();
        filter.connect(audioContext.destination);

        root.gain_node = audioContext.createGain();
        root.gain_node.connect(audioContext.destination);

        //
        //filter.frequency.value = 15;
        //filter.frequency.linearRampToValueAtTime(1.0, audioContext.currentTime+10);
        root.gain_node.gain.setValueAtTime(0, 1);

        micStream = audioContext.createMediaStreamSource(stream);
        micStream.connect(root.gain_node);

        micStream.connect(filter);

        script_processor_node = audioContext.createScriptProcessor(BUFF_SIZE, 1, 1);
        script_processor_node.onaudioprocess = process_microphone_buffer;

        micStream.connect(script_processor_node);

        // document.getElementById('volume').addEventListener('change', function() {
        function changeVolume(value) {
            var curr_volume = value;
            root.gain_node.gain.value = curr_volume;
            console.log("curr_volume ", curr_volume);
        }

        // --- setup FFT

        script_processor_fft_node = audioContext.createScriptProcessor(2048, 1, 1);
        script_processor_fft_node.connect(root.gain_node);

        analyserNode = audioContext.createAnalyser();
        analyserNode.smoothingTimeConstant = 0;
        analyserNode.fftSize = 2048;

        micStream.connect(analyserNode);

        analyserNode.connect(script_processor_fft_node);

        script_processor_fft_node.onaudioprocess = function () {

            // get the average for the first channel
            var array = new Uint8Array(analyserNode.frequencyBinCount);
            analyserNode.getByteFrequencyData(array);

            // draw the spectrogram
            if (micStream.playbackState == micStream.PLAYING_STATE) {

                show_some_data(array, root.channels);

            }
        };
    }

};

var Test = new audioInput(CHANNELS)