How is this noise effect made?

Question

JavaScript

Noise from the first screen. Element with id noise, but I can't find anything in the source code related to this canvas - noescomun.com

Answer 1

noescomun.com/wp-content/themes/uncommon/js/home.js

Answer 2

Here is the plugin the author is using.
Here is the code for loading images:

// Glitch Header /////////////////////////////////////////////////////////////////////

$(function(){

  var imgContainerEl = $('#img-container');
  var imagePath = template_directory_uri + '/images/' + imgContainerEl.attr('bg-glitch');

  function loadImage(src) {
    var imageEl = new Image();
    imageEl.onload = function () {
      changeGlitch(imageEl);
    };
    imageEl.src = src;
  }

  function changeGlitch(img) {
    var params = glitches[getRandomInt(0, glitches.length - 1)];
    glitch(params)
      .fromImage(img)
      .toDataURL()
      .then(function(dataURL) {
        var imageEl = new Image();
        imageEl.src = dataURL;
        imgContainerEl.css('background-image', 'url(' + imageEl.src + ')');
        imgContainerEl.css('background-size', 'cover');

        setTimeout(function(){
          imgContainerEl.css('background-image', 'none');
        }, 1000);
        setTimeout(function(){
          imgContainerEl.css('background-image', 'url(' + imageEl.src + ')');
          imgContainerEl.css('background-size', 'cover');
        }, 1050);
        setTimeout(function(){
          imgContainerEl.css('background-image', 'none');
        }, 1100);

        setTimeout(function(){
          loadImage(imagePath);
        }, getRandomInt(2000, 10000));
      });
  }

  loadImage(imagePath);

});

In the Network tab, you can see the pictures that are generated.
ps if you only need noise, then you can put png noise as a background. And animate it via keygrames