Update app.py

app.py

@@ -12,12 +12,12 @@ import os
 import time
 
 # Logger Setup
-logger = logging.getLogger(_name_)
+logger = logging.getLogger(__name__)
 
 # Streamlit settings
-st.set_page_config(page_title="Virtual Keyboard", page_icon="🏋️")
+st.set_page_config(page_title="Virtual Keyboard", page_icon="🏋")
 st.title("Interactive Virtual Keyboard")
-st.subheader('''Turn on the webcam and use hand gestures to interact with the virtual keyboard .''')
+st.subheader('''Turn on the webcam and use hand gestures to interact with the virtual keyboard.''')
 
 # Initialize MediaPipe and Background Segmentor
 mp_hands = mp.solutions.hands
@@ -59,20 +59,20 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
     # Create the keyboard buttons
     buttonList = []
     h, w = img.shape[:2]
-    key_width = int(0.07 * w)
-    key_height = int(0.09 * h)
-    font_scale = 0.0045 * w
-    font_thickness = int(0.009 * h)
+    key_width = int(0.08 * w)  # Increased button width
+    key_height = int(0.1 * h)  # Increased button height
+    font_scale = 0.005 * w  # Adjusted font size
+    font_thickness = int(0.01 * h)  # Adjusted font thickness
 
     for row, key_row in enumerate(keys):
         for col, key in enumerate(key_row):
-            x = int(0.03 * w + col * (key_width + 10))
-            y = int(0.03 * h + row * (key_height + 10))
+            x = int(0.05 * w + col * (key_width + 10))  # Added extra spacing between keys
+            y = int(0.05 * h + row * (key_height + 10))  # Added extra spacing between keys
             buttonList.append(Button([x, y], key, size=[key_width, key_height]))
 
     # Add special buttons for Backspace and Space
-    buttonList.append(Button([int(0.85 * w), int(0.03 * h)], 'BS', size=[int(0.08 * w), key_height]))
-    buttonList.append(Button([int(0.2 * w), int(0.4 * h)], 'SPACE', size=[int(0.6 * w), key_height]))
+    buttonList.append(Button([int(0.85 * w), int(0.05 * h)], 'BS', size=[int(0.1 * w), key_height]))
+    buttonList.append(Button([int(0.2 * w), int(0.35 * h)], 'SPACE', size=[int(0.6 * w), key_height]))
 
     # Draw Keyboard Buttons
     for button in buttonList:
@@ -105,7 +105,7 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
             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)
 
             distance = np.sqrt((x8 - x4) * 2 + (y8 - y4) * 2)
-            click_threshold = 0.2*np.sqrt(bbox[2] * 2 + bbox[3] * 2)
+            click_threshold = 0.2 * np.sqrt(bbox[2] * 2 + bbox[3] * 2)
             
             for button in buttonList:
                 x, y = button.pos
@@ -113,34 +113,34 @@ def video_frame_callback(frame: av.VideoFrame) -> av.VideoFrame:
                 if x < x8 < x + bw and y < y8 < y + bh:
                    cv2.rectangle(img, (x, y), (x + bw, y + bh), (0, 255, 160), -1)
                    cv2.putText(img, button.text, (x + int(0.2 * bw), y + int(0.7 * bh)), cv2.FONT_HERSHEY_PLAIN, font_scale, (255, 255, 255), font_thickness)
-                   #  # Handle button press
-                   if (distance)<click_threshold:
+                   if distance < click_threshold:
                         if time.time() - prev_key_time[0] > 2:
                             prev_key_time[0] = time.time()
                             if button.text != 'BS' and button.text != 'SPACE':
                                 output_text += button.text  # Append key to output text 
                             elif button.text == 'BS':
-                                output_text = output_text[:-1]   # Remove last character
+                                output_text = output_text[:-1]  # Remove last character
                             else:
                                 output_text += ' '  # Add space
-    # Position and dimensions for the rectangle
+
+    # Position and dimensions for the output text box
     text_x = int(0.05 * w)
-    text_y = int(0.70 * h)
-    text_width = int(0.9 * w)  # Adjust width as needed
-    text_height = int(0.1 * h)  # Adjust height as needed
-    # Draw the rectangle
+    text_y = int(0.75 * h)
+    text_width = int(0.9 * w)
+    text_height = int(0.1 * h)
+
+    # Draw the background for output text box
     cv2.rectangle(img, 
-              (text_x, text_y - text_height),  # Top-left corner
-              (text_x + text_width, text_y),  # Bottom-right corner
-              (100, 100, 100),  # Background color (light gray)
-              -1)  # Filled rectangle
-    cv2.putText(img, output_text, (int(0.05 * w) , int(0.70 * h)), cv2.FONT_HERSHEY_PLAIN, 2, (255, 255, 255), 5)
-                       
-                       
-                       
+              (text_x, text_y - text_height), 
+              (text_x + text_width, text_y), 
+              (50, 50, 50),  # Dark background for the text area
+              -1)
+
+    # Display the output text in white with larger font
+    cv2.putText(img, output_text, (text_x + 20, text_y - 20), cv2.FONT_HERSHEY_PLAIN, 2, (255, 255, 255), 5)
 
     result_queue.put(detections)
-    
+
     return av.VideoFrame.from_ndarray(img, format="bgr24")
 
 # WebRTC Streamer