22 lines
1.0 KiB
HTML
22 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Privacy-First Object Redactor</title>
|
|
<link rel="stylesheet" href="../shared.css">
|
|
</head>
|
|
<body>
|
|
<main class="shell">
|
|
<nav class="topline"><a href="../">All demos</a><a href="/demos.php">Website catalog</a></nav>
|
|
<section class="hero"><p class="kicker">Demo 06</p><h1>Privacy-First Object Redactor</h1><p>Drop an image, blur sensitive regions locally, and download the result. The future production path is onnxruntime-web plus a quantized detector in a worker.</p></section>
|
|
<section class="panel">
|
|
<label class="drop-zone" for="redactor-input">Choose an image to redact locally</label>
|
|
<input id="redactor-input" type="file" accept="image/*">
|
|
<canvas id="redactor-canvas" width="720" height="260"></canvas>
|
|
<div class="actions"><button id="auto-redact" type="button">Demo Auto-Blur</button><button id="download-redacted" type="button">Download</button></div>
|
|
</section>
|
|
</main>
|
|
<script src="privacy-redactor.js"></script>
|
|
</body>
|
|
</html>
|