Three.js audio reactive shader page single page PWA - audio

Question

Why is this not canvas not drawing?
Tried adjusting three.js grammar, but no results yet.
I'm a bit lost as to what might need to be different, although have highlighted some dodgy looking punctution functions. I'm used ot GLSL rather than javascript.
This is not working correctly below
var shaderMaterial = new THREE.ShaderMaterial({
uniforms: uniforms,
vertexShader: `
void main() {
gl_Position = vec4( position, 1.0 );
}
`,
fragmentShader:
uniform vec2 iResolution;
uniform float iGlobalTime;
uniform float iChannel0[32];
uniform float speed;
vec2 rotate(vec2 v, float a) {
return vec2(cos(a)*v.x-sin(a)*v.y, sin(a)*v.x+cos(a)*v.y);
}
void main() {
vec2 uv = gl_FragCoord.xy / iResolution.xy - 0.5;
uv = rotate(uv, iGlobalTime * 0.1);
uv *= 1.0 + 0.5 * iChannel0[0] * speed;
float v = sin(uv.x * 10.0) * 0.5 + 0.5;
v = pow(v, 2.0);
gl_FragColor = vec4( vec3( v ), 1.0 );
}
});
// Render loop
function render() {
requestAnimationFrame(render);
uniforms.iGlobalTime.value += 0.05;
uniforms.speed.value = 1 + 0.5 * analyser.getAverageFrequency() / 256;
renderer.render(scene, camera);
}
render();
})
.catch(function (error) {
console.error(error);
});
</script>
</body>
</html>