JSFiddle - React, Tailwind, and code Playground
HTML
<canvas id="tv" width="400" height="300"></canvas>
JavaScript
var canvas = null;
var context = null;
var time = 0;
var intervalId = 0;
var makeNoise = function() {
var imgd = context.createImageData(canvas.width, canvas.height);
var pix = imgd.data;
for(var i = 0, n = pix.length; i < n; i += 4) {
var c = 7 + Math.sin(i/50000 + time/7);
pix[i] = pix[i+1] = pix[i+2] = 40*Math.random()*c;
pix[i+3] = 255;
}
context.putImageData(imgd, 0, 0);
time = (time + 1) % canvas.height;
}
var setup = function() {
canvas = document.getElementById("tv");
context = canvas.getContext("2d");
}
setup();
intervalId = setInterval(makeNoise, 50);