JSFiddle - React, Tailwind, and code Playground

by dustinkerstein

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="http://files.panomoments.com/uhd1000fps.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.grey(videoId);
numgl.do_it();