51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' 'unsafe-eval' blob:">
|
||
<title>Tracky Mouse</title>
|
||
<script src="lib/stats.js"></script>
|
||
<script src="lib/clmtrackr.js"></script>
|
||
<!-- <script src="lib/jsfeat-min.js"></script> exported from patched clmtrackr.js -->
|
||
<style>
|
||
body {
|
||
background-color: white;
|
||
color: black;
|
||
}
|
||
@media (prefers-color-scheme: dark) {
|
||
body {
|
||
background-color: black;
|
||
color: white;
|
||
}
|
||
a:link {
|
||
color: aquamarine;
|
||
}
|
||
a:visited {
|
||
color: rgb(197, 127, 255);
|
||
}
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" type="text/css" href="tracky-mouse.css">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="images/tracky-mouse-logo-16.png">
|
||
<link rel="icon" type="image/png" sizes="512x512" href="images/tracky-mouse-logo-512.png">
|
||
</head>
|
||
|
||
<body>
|
||
<h2>Tracky Mouse</h2>
|
||
<p>
|
||
This is a head tracking system similar to <a href="https://eviacam.crea-si.com/">eViacam</a>,
|
||
using <a href="https://en.wikipedia.org/wiki/Lucas%E2%80%93Kanade_method">Lucas–Kanade optical flow</a> to track points for high accuracy,
|
||
and face detection for understanding of where to place tracking points.
|
||
It uses two different face detectors, a fast-to-load one and a slower to load but much more accurate one, which it switches to automatically when available.
|
||
</p>
|
||
<p><a href="https://github.com/1j01/tracky-mouse">Open source on GitHub.</a> MIT-licensed.</p>
|
||
<script src="tracky-mouse.js"></script>
|
||
<script>
|
||
TrackyMouse.dependenciesRoot = ".";
|
||
TrackyMouse.init();
|
||
</script>
|
||
</body>
|
||
|
||
</html>
|