JS Canvas/WebAudio API Random TV/Radio Static SRC Final!!!!!

<center>
<canvas id="canv" width = "460" height = "360" style=background:lightgray>
</canvas>
     </div>
     <svg viewBox="0 0 100% 100%" class="inv">

      <use xlink:href="#main" class="clear"></use>
     </svg>
    </h1>
   </section>
    <script>
function RollSlott(){
var Bar=parseFloat(Math.random()*101.9);
var Barr=parseFloat(Math.random()*21.9);

//document.body.innerHTML=(Bar+":"+Barr);
var PlayLen=21.1;
if(Bar!=0){
Bar--
}else if(Bar!=21){
Bar++
}
var context = new AudioContext();
oscillator=context.createOscillator();
oscillator.type = 'sine';
oscillator.frequency.value = Bar;
oscillator.connect(context.destination);
oscillator.start(0);
oscillator.stop(PlayLen);
oscillator.disconnect(PlayLen);
}
</script>
<body onload="script:
draw();
var rolls=10;
while(rolls!=0){
rolls--;
var Timer1 = setTimeout ('RollSlott();',0.0001);
var Timer1 = setTimeout ('RollSlott();',0.002)
var Timer1 = setTimeout ('RollSlott();',0.03)

}"/>


        <script>
      c = document.getElementById("canv");
var ctx = c.getContext("2d");

id = ctx.createImageData(460,360);

function draw() {
var w=c.width;
var h=c.height;
  window.requestAnimationFrame(draw);
    var r;
    for (var p = 4 * (w * h - 4); p >= 1; p -= 4) {
        r = Math.random();
        id.data[p] = id.data[p+1] = id.data[p+2] = 255 * Math.pow(r, 1.6);
        id.data[p+3] = 255;
    }
    ctx.putImageData(id, 0, 0);
}

draw();

    </script>
</body>
</html>
</center>