Update app.py

app.py

@@ -35,9 +35,6 @@ class Button:
         self.pos = pos
         self.size = size
         self.text = text
-        # Draw button text on the keyboard canvas
-        cv2.putText(img, self.text, (self.pos[0]+20, self.pos[1]+70), 
-                    cv2.FONT_HERSHEY_PLAIN, 5, (255, 255, 255), 3)
 
 class Detection(NamedTuple):
     label: str
@@ -78,6 +75,13 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
     buttonList.append(Button([90 + 10 * 100, 30], 'BS', size=[125, 100]))
     buttonList.append(Button([300, 370], 'SPACE', size=[500, 100]))
 
+    # Draw Keyboard Buttons
+    for button in buttonList:
+        x, y = button.pos
+        w, h = button.size
+        cv2.rectangle(img, (x, y), (x + w, y + h), (200, 200, 200), -1)
+        cv2.putText(img, button.text, (x + 20, y + 70), cv2.FONT_HERSHEY_PLAIN, 5, (0, 0, 0), 3)
+
     detections = []
     if result.multi_hand_landmarks:
         for hand_landmarks in result.multi_hand_landmarks:
@@ -104,13 +108,13 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
             x4, y4 = int(hand_landmarks.landmark[mp_hands.HandLandmark.THUMB_TIP].x * w), int(hand_landmarks.landmark[mp_hands.HandLandmark.THUMB_TIP].y * h)
             x8, y8 = int(hand_landmarks.landmark[mp_hands.HandLandmark.INDEX_FINGER_TIP].x * w), int(hand_landmarks.landmark[mp_hands.HandLandmark.INDEX_FINGER_TIP].y * h)
 
-            # Check for key presses
-            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, (x, y), (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)
+            # # Check for key presses
+            # 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, (x, y), (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)