Spaces:
Running
Running
Upload index.html with huggingface_hub
Browse files- index.html +18 -7
index.html
CHANGED
@@ -34,12 +34,14 @@
|
|
34 |
<div class="spinner"></div>
|
35 |
</button>
|
36 |
|
|
|
|
|
37 |
<div class="settings">
|
38 |
<label class="setting-item">
|
39 |
<span>Device</span>
|
40 |
<select id="deviceSelect">
|
41 |
<option value="cpu">CPU</option>
|
42 |
-
<option value="webgpu">GPU (WebGPU)</option>
|
43 |
</select>
|
44 |
</label>
|
45 |
</div>
|
@@ -52,12 +54,21 @@
|
|
52 |
<div class="results" id="results">
|
53 |
<div class="results-header">
|
54 |
<h3>Caption History</h3>
|
55 |
-
<
|
56 |
-
<
|
57 |
-
<
|
58 |
-
|
59 |
-
|
60 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
61 |
</div>
|
62 |
|
63 |
<div class="frame-captions" id="frameCaptions"></div>
|
|
|
34 |
<div class="spinner"></div>
|
35 |
</button>
|
36 |
|
37 |
+
<button id="changeVideoBtn" class="secondary-btn">Change Video</button>
|
38 |
+
|
39 |
<div class="settings">
|
40 |
<label class="setting-item">
|
41 |
<span>Device</span>
|
42 |
<select id="deviceSelect">
|
43 |
<option value="cpu">CPU</option>
|
44 |
+
<option value="webgpu" selected>GPU (WebGPU)</option>
|
45 |
</select>
|
46 |
</label>
|
47 |
</div>
|
|
|
54 |
<div class="results" id="results">
|
55 |
<div class="results-header">
|
56 |
<h3>Caption History</h3>
|
57 |
+
<div class="results-actions">
|
58 |
+
<button id="copyBtn" class="icon-btn" title="Copy">
|
59 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
60 |
+
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
61 |
+
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
62 |
+
</svg>
|
63 |
+
</button>
|
64 |
+
<button id="downloadBtn" class="icon-btn" title="Download">
|
65 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
66 |
+
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
|
67 |
+
<polyline points="7 10 12 15 17 10"></polyline>
|
68 |
+
<line x1="12" y1="3" x2="12" y2="15"></line>
|
69 |
+
</svg>
|
70 |
+
</button>
|
71 |
+
</div>
|
72 |
</div>
|
73 |
|
74 |
<div class="frame-captions" id="frameCaptions"></div>
|