Update index.html
Browse files- index.html +7 -7
index.html
CHANGED
|
@@ -4,15 +4,15 @@
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚡️</text></svg>">
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
-
<title>
|
| 8 |
<link rel="stylesheet" href="./style.css" />
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
<main class="container">
|
| 12 |
<!-- Header -->
|
| 13 |
<header class="header">
|
| 14 |
-
<h1 class="title">YOLO26 <span class="accent">WebGPU</span></h1>
|
| 15 |
-
<p class="subtitle">
|
| 16 |
</header>
|
| 17 |
|
| 18 |
<!-- Main Content: Video + Controls side by side -->
|
|
@@ -26,13 +26,13 @@
|
|
| 26 |
<!-- Overlay UI -->
|
| 27 |
<div id="loader" class="loader-overlay">
|
| 28 |
<div class="spinner"></div>
|
| 29 |
-
<p id="loader-text">
|
| 30 |
</div>
|
| 31 |
|
| 32 |
<!-- Status Badge -->
|
| 33 |
<div class="status-badge">
|
| 34 |
<span id="status-dot" class="status-dot"></span>
|
| 35 |
-
<span id="status-text">
|
| 36 |
</div>
|
| 37 |
|
| 38 |
<!-- FPS Counter -->
|
|
@@ -46,7 +46,7 @@
|
|
| 46 |
<div class="controls">
|
| 47 |
<!-- Model Select -->
|
| 48 |
<div class="control-group">
|
| 49 |
-
<label for="model-select">Model</label>
|
| 50 |
<select id="model-select">
|
| 51 |
<option value="onnx-community/yolo26n-ONNX">Nano (Fastest)</option>
|
| 52 |
<option value="onnx-community/yolo26s-ONNX">Small</option>
|
|
@@ -79,7 +79,7 @@
|
|
| 79 |
<!-- Start Button -->
|
| 80 |
<button id="start-btn" class="btn-primary" disabled>
|
| 81 |
<span id="btn-icon">▶</span>
|
| 82 |
-
<span id="btn-text">
|
| 83 |
</button>
|
| 84 |
</div>
|
| 85 |
</div>
|
|
|
|
| 4 |
<meta charset="UTF-8" />
|
| 5 |
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>⚡️</text></svg>">
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
+
<title>Labofnac WebGPU YOLO26</title>
|
| 8 |
<link rel="stylesheet" href="./style.css" />
|
| 9 |
</head>
|
| 10 |
<body>
|
| 11 |
<main class="container">
|
| 12 |
<!-- Header -->
|
| 13 |
<header class="header">
|
| 14 |
+
<h1 class="title">Labofnac YOLO26 <span class="accent">WebGPU</span></h1>
|
| 15 |
+
<p class="subtitle">Detection d'objet et estimation des poses en temps réel depuis votre navigateur</p>
|
| 16 |
</header>
|
| 17 |
|
| 18 |
<!-- Main Content: Video + Controls side by side -->
|
|
|
|
| 26 |
<!-- Overlay UI -->
|
| 27 |
<div id="loader" class="loader-overlay">
|
| 28 |
<div class="spinner"></div>
|
| 29 |
+
<p id="loader-text">Initialisation...</p>
|
| 30 |
</div>
|
| 31 |
|
| 32 |
<!-- Status Badge -->
|
| 33 |
<div class="status-badge">
|
| 34 |
<span id="status-dot" class="status-dot"></span>
|
| 35 |
+
<span id="status-text">Prêt</span>
|
| 36 |
</div>
|
| 37 |
|
| 38 |
<!-- FPS Counter -->
|
|
|
|
| 46 |
<div class="controls">
|
| 47 |
<!-- Model Select -->
|
| 48 |
<div class="control-group">
|
| 49 |
+
<label for="model-select">Select Model</label>
|
| 50 |
<select id="model-select">
|
| 51 |
<option value="onnx-community/yolo26n-ONNX">Nano (Fastest)</option>
|
| 52 |
<option value="onnx-community/yolo26s-ONNX">Small</option>
|
|
|
|
| 79 |
<!-- Start Button -->
|
| 80 |
<button id="start-btn" class="btn-primary" disabled>
|
| 81 |
<span id="btn-icon">▶</span>
|
| 82 |
+
<span id="btn-text">Lancer Camera</span>
|
| 83 |
</button>
|
| 84 |
</div>
|
| 85 |
</div>
|