Update UX

index.html

@@ -756,8 +756,8 @@
                         </div>
                         <div>
                             <label style="display: inline; margin: 0;">Playback:</label>
-                            <input type="range" id="playbackFps" min="8" max="20" value="12" style="width: 100px;">
-                            <span class="range-value" id="playbackFpsValue">12 fps</span>
+                            <input type="range" id="playbackFps" min="8" max="20" value="8" style="width: 100px;">
+                            <span class="range-value" id="playbackFpsValue">8 fps</span>
                         </div>
                     </div>
 
@@ -804,9 +804,9 @@
                             <!-- Input Controls (V2V and Webcam modes) -->
                             <div id="inputControls">
                                 <div class="form-group">
-                                    <label>Input Frame Rate: <span class="range-value" id="inputFpsValue">12</span> fps</label>
-                                    <input type="range" id="inputFps" min="10" max="14" value="12">
-                                    <div class="hint">Recommended: 10-14 fps</div>
+                                    <label>Input Frame Rate: <span class="range-value" id="inputFpsValue">10</span> fps</label>
+                                    <input type="range" id="inputFps" min="8" max="14" value="10">
+                                    <div class="hint">Recommended: 10-12 fps</div>
                                 </div>
 
                                 <div class="form-group">