Update app.py

app.py

@@ -61,6 +61,12 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
     result = hands.process(cv2.cvtColor(img, cv2.COLOR_BGR2RGB))
 
     buttonList = [Button([30 + col * 105, 30 + row * 120], key) for row, line in enumerate(keys) for col, key in enumerate(line)]
+    for button in buttonList:
+        x, y = button.pos
+        w, h = button.size
+        if x < x8 < x + w and y < y8 < y + h:
+            cv2.rectangle(img, button.pos, (x + w, y + h), (0, 255, 160), -1)
+            cv2.putText(img, button.text, (x + 20, y + 70), cv2.FONT_HERSHEY_PLAIN, 5, (255, 255, 255), 3)
 
     detections = []
     if result.multi_hand_landmarks:
@@ -93,12 +99,6 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
             distance = np.sqrt((x8 - x4) ** 2 + (y8 - y4) ** 2)
             click_threshold = 10
 
-            for button in buttonList:
-                x, y = button.pos
-                w, h = button.size
-                if x < x8 < x + w and y < y8 < y + h:
-                    cv2.rectangle(img, button.pos, (x + w, y + h), (0, 255, 160), -1)
-                    cv2.putText(img, button.text, (x + 20, y + 70), cv2.FONT_HERSHEY_PLAIN, 5, (255, 255, 255), 3)
 
                     # Simulate key press if finger close enough
                     if (distance / np.sqrt(bbox[2] ** 2 + bbox[3] ** 2)) * 100 < click_threshold: