Настройка контактной формы 7 регистратор плагин

Question

Я пытаюсь настроить контактную форму. Плагин рекордера вставил его в woocommerce, что я выполнил. Осталось только изменить волновую форму контакта. Плагин регистратора формы 7. Насколько я достиг в части настройки формы волны, это изменить цвет полос, затем я не знаю, как этого достичь. Это URL моего сайта Я хочу создать форму волны это [! [

function updateAnalysers(time) {
    if (!analyserContext && recording_canvas) {
        var canvas = recording_canvas.find(".cf7-analyser").get(0);
        canvasWidth = canvas.width;
        canvasHeight = canvas.height;
        analyserContext = canvas.getContext('2d');
    }else

    // analyzer draw code here
    {
        var SPACING = 3;
        var BAR_WIDTH = 1;
        var numBars = Math.round(canvasWidth / SPACING);
        var freqByteData = new Uint8Array(analyserNode.frequencyBinCount);

        analyserNode.getByteFrequencyData(freqByteData); 

        analyserContext.clearRect(0, 0, canvasWidth, canvasHeight);
        analyserContext.fillStyle = '#000';
        analyserContext.lineCap = 'square';
        var multiplier = analyserNode.frequencyBinCount / numBars;

        // Draw rectangle for each frequency bin.
        for (var i = 0; i < numBars; ++i) {
            var magnitude = 0;
            var offset = Math.floor( i * multiplier );
            // gotta sum/average the block, or we miss narrow-bandwidth spikes
            for (var j = 0; j< multiplier; j++)
                magnitude += freqByteData[offset + j];
            magnitude = magnitude / multiplier;
            var magnitude2 = freqByteData[i * multiplier];
            analyserContext.fillStyle = "hsl( " + Math.round((i*360)/numBars) + ", 10%, 0%)";
            analyserContext.fillRect(i * SPACING, canvasHeight, BAR_WIDTH, -magnitude);
        }
    }
    

] 3 ] 3