JS Canvas/Web Audio API Random Radio/TV Static SRC V3


<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=1.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.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>