Every frame

onframe.js

if(typeof hyperlips.waveform == 'undefined') return false;
ctx.strokeStyle = 'rgba(255, 255, 255, 1)';
ctx.lineWidth = 1;
ctx.lineJoin = 'round';
ctx.beginPath();
ctx.moveTo(0, canvas.height - 15);
for(var i = 0; i < hyperlips.waveform.points.length; i++) {
    ctx.lineTo((canvas.width / hyperlips.waveform.points.length) * (i + 1), canvas.height - 15 + Math.ceil(hyperlips.waveform.points[i] * 10));
}
ctx.stroke();
ctx.closePath();