Update pages/Data Collection.py

pages/Data Collection.py

@@ -983,6 +983,93 @@ elif st.session_state.current_page == "video_processing":
     Once the video is loaded, OpenCV processes each frame in a loop until the video ends or the user stops it. You can apply image processing techniques to each frame, such as transformations, filtering, or object detection, before displaying or saving the modified video.
     """)
 
+    import cv2
+import streamlit as st
+
+# Heading for Playing Videos with OpenCV
+st.markdown("""
+    <h3 style="color: #9400d3;">Playing Videos with OpenCV</h3>
+""", unsafe_allow_html=True)
+
+    # Explanation
+    st.write("""
+    To play a video using OpenCV, we load the video with **`cv2.VideoCapture()`** and display each frame using **`cv2.imshow()`**. You can stop the video by pressing 'q'.
+    """)
+    
+    # Code example for playing a video
+    st.code("""
+    
+    # Load the video
+    vid = cv2.VideoCapture('path_to_video.mp4')
+    
+    # Loop to read frames
+    while True:
+        succ, img = vid.read()  # Read each frame
+        
+        if not succ:  # Exit if no frame is read
+            break
+    
+        cv2.imshow("video", img)  # Show the frame
+    
+        # Press 'q' to quit
+        if cv2.waitKey(1) & 255 == ord("q"):
+            break
+    
+    # Release resources and close window
+    cv2.destroyAllWindows()
+    """, language="python")
+
+
+    # Heading for cv2.read()
+    st.markdown("""
+        <h3 style="color: #e25822;">`vid.read()` Function</h3>
+    """, unsafe_allow_html=True)
+    
+    # Explanation for vid.read()
+    st.write("""
+    The **`vid.read()`** function is used to read one frame at a time from the video file.  
+    It returns two values:
+    1. **`succ`**: A boolean that indicates whether the frame was successfully read.  
+       - **True** if the frame was read successfully.
+       - **False** if the frame could not be read (usually when the video ends).
+       
+    2. **`img`**: The actual frame (image) read from the video. This frame is returned as a NumPy array and can be processed just like any image.
+    """)
+
+    # Heading for cv2.waitKey() Explanation
+    st.markdown("""
+        <h3 style="color: #e25822;">Understanding `cv2.waitKey()`</h3>
+    """, unsafe_allow_html=True)
+    
+    # Short Heading
+    st.markdown("""
+        <h3 style="color: #e25822;">Understanding `cv2.waitKey()`</h3>
+    """, unsafe_allow_html=True)
+    
+    # Explanation
+    st.write("""
+    The line `if cv2.waitKey(1) & 255 == ord('q'):` is used in OpenCV to check if a specific key is pressed while processing video. Here’s a simple explanation of what it does:
+    
+    - **`cv2.waitKey(1)`**:
+      - Waits for a key press for **1 millisecond**.
+      - If a key is pressed, it returns the key’s code. If no key is pressed, it returns `-1`.
+    
+    - **`& 255`**:
+      - Ensures the key code is compatible across different systems.
+      - Keeps only the last **8 bits**, which represent the key code.
+    
+    - **`ord('q')`**:
+      - Finds the ASCII code for the letter `'q'`.
+      - The ASCII code for `'q'` is **113**.
+      - This is used to check if the user pressed the `'q'` key to stop the program.
+    
+    ### Full Condition:
+    ```python
+    if cv2.waitKey(1) & 255 == ord('q'):
+        break
+
+
+