index.html

﻿<!DOCTYPE html>
<html lang="en">
	<head>
		<title>WebOpenCFU</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<style>
			body {
 				background-color: lightblue;
			}

			h1 {
  				color: white;
  				text-align: center;
			}

			p {
  				font-family: verdana;
  				font-size: 20px;
			}
		</style>
	</head>
	<body>
<h2>WebOpenCFU</h2>
<p align="justify">JavaScript implementation of OpenCFU using OpenCV WebAssembly</p>

<div style="-ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;">
  
</div><br>

<div id="container">
  <canvas style="border: 1px solid black;" id="canvasOutput" width=320 height=240></canvas>
</div>
<div style="display: none;">
  <input type="checkbox" id="cfu" name="classifier" value="cfu" checked>
  <label for="cfu">CFU Classifier</label>
</div>
<div style="display: none;">
  <video id="video" class="hidden">No video support.</video>
</div>
<h3>Original developer</h3>
<div align="justify">Quentin Geissmann - <a href=http://opencfu.sourceforge.net/>OpenCFU</a></div>
<h3>License</h3>
<div align="justify"><a href=https://www.gnu.org/licenses/gpl-3.0-standalone.html>GNU General Public License v3.0</a></div>
<br /><hr />
© 2019 REXLOGIC
<br />
<script src="index.js"></script>
<script>
var Module = {
   wasmBinaryFile: 'wasm/opencv_js.wasm',
  preRun: [function() {
    Module.FS_createPreloadedFile('/', 'trainedClassifier.xml', 'data/trainedClassifier.xml', true, false);
    Module.FS_createPreloadedFile('/', 'trainedClassifierPS.xml', 'data/trainedClassifierPS.xml', true, false);
  }],
  _main: function() {opencvIsReady();}
};
</script>
<script async src="wasm/opencv.js"></script>
	</body>
</html>