AnalyserNode | サウンドの視覚化

AnalyserNode

AnalyserNode

Property	Value	hasOwnProperty

(function() {

    var onDOMContentLoaded = function() {

        window.AudioContext = window.AudioContext || window.webkitAudioContext;

        try {
            // Create the instance of AudioContext
            var context = new AudioContext();
        } catch (error) {
            window.alert(error.message + ' : Please use Chrome or Safari.');
            return;
        }

        // Create the instance of AnalyserNode
        var analyser = context.createAnalyser();

        /*
         * Display properties
         */

        var flagment = document.createDocumentFragment();

        for (var key in analyser) {
            var elem = document.createElement('tr');

            flagment.appendChild(elem);
            elem.innerHTML = '<td>' + key + '</td><td>' + analyser[key] + '</td><td>' + analyser.hasOwnProperty(key) + '</td>';
        }

        document.getElementById('analysernode-properties').querySelector('tbody').innerHTML = '';
        document.getElementById('analysernode-properties').querySelector('tbody').appendChild(flagment);
        document.getElementById('analysernode-properties').parentNode.previousElementSibling.style.display = 'block';
    };

    if ((document.readyState === 'interactive') || (document.readyState === 'complete')) {
        onDOMContentLoaded();
    } else {
        document.addEventListener('DOMContentLoaded', onDOMContentLoaded, true);
    }

})();

function EventWrapper(){
}

(function(){
    var click = '';
    var start = '';
    var move  = '';
    var end   = '';

    // Touch Panel ?
    if (/iPhone|iPad|iPod|Android/.test(navigator.userAgent)) {
        click = 'click';
        start = 'touchstart';
        move  = 'touchmove';
        end   = 'touchend';
    } else {
        click = 'click';
        start = 'mousedown';
        move  = 'mousemove';
        end   = 'mouseup';
    }

    EventWrapper.CLICK = click;
    EventWrapper.START = start;
    EventWrapper.MOVE  = move;
    EventWrapper.END   = end;
})();