Pulsa el botón reproducir

///+*********************************************
//  OSCILADOR
//***********************************************
//Declaración de variables globales
var miFuente, misNodos = {},
    espectro, max = 0,
    imprimedBL, imprimedBR;
var suena = false;
var contextoDeAudio = new(window.AudioContext || window.webkitAudioContext)();


// Función para sincronizar el botón play/pause   
function Boton(button) {
        if (!suena) {
            playOsc();
            //Con Jquery cambiamos el interior de la etiqueta button con id="osc"
            $('#osc').html('Pausar ');
            //$(this).value = "Parar Sonido";
            var parrafo = document.getElementById("provisional");
            parrafo.parentNode.removeChild(parrafo);
            suena = true;
        } else {
            misNodos.osc.stop(0);
            $('#osc').html('Reproducir ');
            pulsaElBotonReproducir();
            suena = false;
        }
    }
    //Función de ruteo y reproducción del oscilador. cada vez que pulsamos play, 
    //estamos creando una ruta de audio en el contexto y reproduciendo el oscilador

function playOsc() {
        //Ajustamos los valores de frecuencia y escala en los controles de pantalla
        var FREQUENCIA = document.querySelector('#freq').value;
        var ESCALA = document.querySelector('#volumen').value
            //Creamos los nodos de audio
        misNodos.osc = contextoDeAudio.createOscillator();
        misNodos.osc.frequency.value = FREQUENCIA;
        misNodos.ganancia = contextoDeAudio.createGain();
        misNodos.ganancia.gain.value = ESCALA;
        misNodos.analizador = contextoDeAudio.createAnalyser();
        misNodos.analizador.fftSize = 1024;
        //conectamos los nodos
        misNodos.osc.connect(misNodos.ganancia);
        misNodos.ganancia.connect(misNodos.analizador);
        misNodos.analizador.connect(contextoDeAudio.destination);
        // comenzar ya.
        misNodos.osc.start(0);
        //espectro = setInterval(dibujaEspectro, 20); //Podríamos invocar la función dibujarEspectro cada 20 ms
        // Lo óptimo es utilizar requestAnimationFrame
        requestAnimationFrame(visualizar.bind(this));
        //Borrar texto

    }
    //Esta función dibuja en pantalla la forma de onda
visualizar = function () {
    //Ajustes del canvas
    var canvas = document.querySelector('#canvas');
    var ctd = canvas.getContext('2d');
    var ancho = document.getElementById('marco').offsetWidth - 80;
    canvas.width = ancho;
    canvas.height = 256;
    var muestras = new Uint8Array(misNodos.analizador.frequencyBinCount);
    misNodos.analizador.getByteTimeDomainData(muestras);
    //console.log(
    //muestras.length
    //)
    //Dibujamos la forma de onda, incluso podríamos calcular su máximo:
    var max = 0;
    for (var i = 0; i < muestras.length; i++) {
        max = muestras[i] > max ? muestras[i] : max;
    }
    //console.log(
    //"maximo:  "+max )
    max = max - 128
    for (var i = 0; i < muestras.length; i++) {
        var valor = muestras[i];
        var porcentaje = valor / 256;
        var alto = canvas.height * porcentaje;
        var offset = canvas.height - alto;
        var trazo = canvas.width / muestras.length;
        ctd.fillStyle = "#fff";
        ctd.font = "14px Helvetica";
        ctd.fillRect(i * trazo, offset, 1, 1);
        ctd.moveTo(0, 128);
        ctd.lineTo(ancho, 128);
        ctd.stroke();
        ctd.fillText('0', 5, 128)
            //dibujamaximo(ctd,max);
            //El cálculo del máximo valor nos sirve para determinar el pico de dB
        document.querySelector('#maximo').innerHTML = max;
        dB = 20 * Math.log(Math.max((max / 127), Math.pow(10, -42 / 20))) / Math.LN10;
        document.querySelector('#dB').innerHTML = dB;
        dBs = 20 * Math.log(0.5) / Math.LN10;
        document.querySelector('#dBs').innerHTML = dBs;
    }
    requestAnimationFrame(visualizar.bind(this));
};

function dibujamaximo(c, m) {
        c.beginPath();
        c.moveTo(0, 128 + m);
        c.lineTo(20, 128 + m);
        var a = 128 + m;
        c.fillStyle = "rgb(25,255,0)";
        c.fillText(m, 5, a);
        c.stroke();
    }
    //Función que filtra los cambios en los controles

function potenciometro(slider) {
        if (contextoDeAudio.activeSourceCount > 0) {
            if (slider.id == 'freq') {
                var FREQ = slider.value;
                misNodos.osc.frequency.value = FREQ;
                document.querySelector('#valorfreq').innerHTML = FREQ;
            } else if (slider.id == 'detune') {
                var detune = slider.value;
                misNodos.osc.detune.value = detune;
                document.querySelector('#valordetune').innerHTML = detune;
            } else if (slider.id == 'tipoonda') {
                //Seleccionamos entre los tipos de forma de onda del oscilador.
                misNodos.osc.type = slider.value;

            } else if (slider.id == 'volumen') {
                var volumen = slider.value;
                misNodos.ganancia.gain.value = volumen;
                document.querySelector('#valorvol').innerHTML = volumen;
            }
        }
    }
    //Función javascript para mostrar el texto, con Jquery escribiríamos menos :)

function pulsaElBotonReproducir() {
    var provisional = document.createElement('div');
    provisional.setAttribute('id', 'provisional');
    var parrafo = document.createElement("h1");
    var contenido = document.createTextNode("Pulsa el botón reproducir");
    provisional.appendChild(parrafo);
    parrafo.appendChild(contenido);
    var espectro = document.getElementById('marco');
    var papa = espectro.parentNode;
    papa.insertBefore(provisional, espectro);
    document.querySelector('#provisional').appendChild(parrafo);
}