Update app.py

app.py

@@ -60,7 +60,20 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
     # Process frame using MediaPipe
     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)]
+    # Create a blank canvas for drawing the keyboard
+    keyboard_canvas = np.zeros_like(img)
+    buttonList = []
+    # Define buttons in each row of the virtual keyboard
+    for key in keys[0]:
+        buttonList.append(Button([30 + keys[0].index(key) * 105, 30], key))
+    for key in keys[1]:
+        buttonList.append(Button([30 + keys[1].index(key) * 105, 150], key))
+    for key in keys[2]:
+        buttonList.append(Button([30 + keys[2].index(key) * 105, 260], key))
+
+    # Add special buttons for Backspace and Space
+    buttonList.append(Button([90 + 10 * 100, 30], 'BS', size=[125, 100]))
+    buttonList.append(Button([300, 370], 'SPACE', size=[500, 100]))
     for button in buttonList:
         x, y = button.pos
         w, h = button.size