Spaces:

Paradise151
/

GrechnikNet

Sleeping

App Files Files Community

Paradise151 commited on Oct 18, 2025

Commit

2bfe44b

verified ·

1 Parent(s): ed464a8

Update index.html

Browse files

Files changed (1) hide show

index.html +1 -136

index.html CHANGED Viewed

@@ -1,4 +1,4 @@
-<!-- <!DOCTYPE html>
 <html>
 <head>
   <meta charset="utf-8">
@@ -180,141 +180,6 @@
   </script>
 </body>
 </html>
- -->
-<!DOCTYPE html>
-<html>
-<head>
-  <meta charset="utf-8">
-  <title>GrechnikNet — YOLOv8n Detection</title>
-  <style>
-    body { background:#111; color:#eee; font-family:sans-serif; text-align:center; }
-    .controls { margin:16px; display:flex; flex-wrap:wrap; gap:16px; justify-content:center; }
-    .control { background:#1b1b1b; padding:10px; border-radius:8px; }
-    label { display:block; margin-bottom:6px; }
-    input[type="range"] { width:200px; }
-    button { padding:8px 14px; border:none; border-radius:6px; background:#3a6df0; color:#fff; cursor:pointer; }
-    button:disabled { background:#555; cursor:not-allowed; }
-    canvas { border:1px solid #333; border-radius:8px; margin-top:12px; }
-    pre { text-align:left; background:#0e0e0e; padding:12px; border-radius:8px; }
-  </style>
-</head>
-<body>
-  <h2>GrechnikNet — Impurity Detection</h2>
-  <p>Наведи камеру телефона на гречку и получи боксы</p>
-  <div class="controls">
-    <div class="control">
-      <label>Камера:</label>
-      <select id="cameraSelect"></select>
-    </div>
-    <div class="control">
-      <label>Confidence: <span id="confVal">0.25</span></label>
-      <input type="range" id="confSlider" min="0" max="1" step="0.05" value="0.25">
-    </div>
-    <div class="control">
-      <label>IoU: <span id="iouVal">0.45</span></label>
-      <input type="range" id="iouSlider" min="0" max="1" step="0.05" value="0.45">
-    </div>
-    <div class="control">
-      <label>Режим:</label>
-      <select id="modeSelect">
-        <option value="image">Аннотированное изображение</option>
-        <option value="json">JSON боксы</option>
-      </select>
-    </div>
-    <div class="control">
-      <button id="startBtn">Старт</button>
-      <button id="stopBtn" disabled>Стоп</button>
-    </div>
-  </div>
-  <video id="video" playsinline autoplay muted style="display:none;"></video>
-  <canvas id="resultCanvas" width="480" height="480"></canvas>
-  <pre id="jsonOut" style="display:none;"></pre>
-  <script>
-    const video = document.getElementById('video');
-    const resultCanvas = document.getElementById('resultCanvas');
-    const ctxResult = resultCanvas.getContext('2d');
-    const jsonOut = document.getElementById('jsonOut');
-    const startBtn = document.getElementById('startBtn');
-    const stopBtn = document.getElementById('stopBtn');
-    const cameraSelect = document.getElementById('cameraSelect');
-    const confSlider = document.getElementById('confSlider');
-    const iouSlider = document.getElementById('iouSlider');
-    const confVal = document.getElementById('confVal');
-    const iouVal = document.getElementById('iouVal');
-    const modeSelect = document.getElementById('modeSelect');
-    let stream = null;
-    let active = false;
-    let running = false;
-    let currentDeviceId = null;
-    let frameCounter = 0;
-    confSlider.oninput = () => confVal.textContent = confSlider.value;
-    iouSlider.oninput = () => iouVal.textContent = iouSlider.value;
-    async function enumerateCameras() {
-      const devices = await navigator.mediaDevices.enumerateDevices();
-      cameraSelect.innerHTML = '';
-      const cams = devices.filter(d => d.kind === 'videoinput');
-      cams.forEach((cam, i) => {
-        const opt = document.createElement('option');
-        opt.value = cam.deviceId || i;
-        opt.textContent = cam.label || `Камера ${i+1}`;
-        cameraSelect.appendChild(opt);
-      });
-      if (cams.length > 0) currentDeviceId = cams[0].deviceId;
-    }
-    async function startCamera(deviceId) {
-      if (stream) stopCamera();
-      const constraints = {
-        video: {
-          deviceId: deviceId ? { exact: deviceId } : undefined,
-          facingMode: 'environment',
-          width: { ideal: 480 },
-          height: { ideal: 480 }
-        },
-        audio: false
-      };
-      stream = await navigator.mediaDevices.getUserMedia(constraints);
-      video.srcObject = stream;
-      await video.play();
-    }
-    function stopCamera() {
-      if (stream) {
-        stream.getTracks().forEach(t => t.stop());
-        stream = null;
-      }
-    }
-    cameraSelect.onchange = async () => {
-      currentDeviceId = cameraSelect.value;
-      await startCamera(currentDeviceId);
-    };
-    async function captureAndSendFrame() {
-      if (!stream || running || !active) return;
-      frameCounter++;
-      if (frameCounter % 2 !== 0) { // обрабатываем только каждый 2-й кадр
-        requestAnimationFrame(captureAndSendFrame);
-        return;
-      }
-      running = true;
-      const canvas = document.createElement('canvas');
-      const w = 480;
-      const h = Math.floor(w * (video.videoHeight / video.videoWidth));
-      canvas.width = w;
-      canvas.height = h;
-      const ctx = canvas.getContext('2d');
-      ctx.drawImage(video, 0, 0, w, h);
-      const blob = await new Promise(resolve => canvas.toBlob(resolve, 'image/jpeg', 0.

+<!DOCTYPE html>
 <html>
 <head>
   <meta charset="utf-8">
   </script>
 </body>
 </html>