JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jongomez.github.io/numgl/src/numgl.js"></script>

<video id="video" width="450" height="250" crossorigin="anonymous" controls loop>
    <source type="video/mp4" src="https://media.giphy.com/media/wVvzYPbhVl3wI/giphy.mp4"></source>
</video>

<button type="button" onclick="numgl.start_pause_button();">Start / Pause</button>

<div>FPS:</div>
<div id="fps"></div>

CSS

video {
   display:none;
}

JavaScript

// Show frames per second.
numgl.set_fps_element("fps");
var videoId = numgl.store_video("video");

numgl.show_canvas(videoId);
numgl.convolution(videoId,[-1,-1,-1,0,0,0,1,1,1]);
numgl.do_it();