Spaces:
Sleeping
Sleeping
Update pages/Data Collection.py
Browse files- pages/Data Collection.py +6 -7
pages/Data Collection.py
CHANGED
|
@@ -918,11 +918,11 @@ def video_details_page():
|
|
| 918 |
st.title("Unstructured Data - Video Details")
|
| 919 |
|
| 920 |
# Title
|
| 921 |
-
st.markdown("<h3 style='text-align: center; color: #
|
| 922 |
|
| 923 |
|
| 924 |
# Definition of Video
|
| 925 |
-
st.markdown("<h3 style='text-align: center; color: #
|
| 926 |
|
| 927 |
|
| 928 |
st.write("""
|
|
@@ -936,7 +936,7 @@ def video_details_page():
|
|
| 936 |
The higher the number of frames per second, the smoother the video will look. Fewer frames per second can make the video appear less smooth or choppy.
|
| 937 |
""")
|
| 938 |
|
| 939 |
-
st.markdown("<h3 style='text-align: center; color: #
|
| 940 |
|
| 941 |
st.write("""
|
| 942 |
**Load the Video**
|
|
@@ -976,7 +976,7 @@ def video_details_page():
|
|
| 976 |
|
| 977 |
# Use st.markdown to display the explanation
|
| 978 |
|
| 979 |
-
st.markdown("<h3 style='text-align: center; color: #
|
| 980 |
|
| 981 |
|
| 982 |
st.markdown("""
|
|
@@ -988,7 +988,7 @@ def video_details_page():
|
|
| 988 |
2. **`img`**: The actual frame (image) from the video, which is in the form of a NumPy array. This image can then be processed just like any regular picture.
|
| 989 |
""")
|
| 990 |
|
| 991 |
-
st.markdown("<h3 style='text-align: center; color: #
|
| 992 |
|
| 993 |
st.markdown("""
|
| 994 |
|
|
@@ -1051,7 +1051,7 @@ def video_details_page():
|
|
| 1051 |
cv2.destroyAllWindows() # Removing all the temporary memory (RAM)
|
| 1052 |
""", language="python")
|
| 1053 |
|
| 1054 |
-
st.markdown("<h3 style='text-align: center; color: #
|
| 1055 |
|
| 1056 |
|
| 1057 |
|
|
@@ -1175,7 +1175,6 @@ def video_details_page():
|
|
| 1175 |
|
| 1176 |
st.markdown("""
|
| 1177 |
- The image captured by the webcam is divided into three parts: Red, Green, and Blue. This is done using `cv2.split()`
|
| 1178 |
-
# Create Separate Channel Images:
|
| 1179 |
- The separate Red, Green, and Blue images are then combined back into three full-color images using `cv2.merge()`.
|
| 1180 |
- This lets us see each color channel on its own, but in full color.
|
| 1181 |
""")
|
|
|
|
| 918 |
st.title("Unstructured Data - Video Details")
|
| 919 |
|
| 920 |
# Title
|
| 921 |
+
st.markdown("<h3 style='text-align: center; color: #FF00FF;'>Understanding Video and Frame Rates</h3>", unsafe_allow_html=True)
|
| 922 |
|
| 923 |
|
| 924 |
# Definition of Video
|
| 925 |
+
st.markdown("<h3 style='text-align: center; color: #FF00FF;'>What is video?</h3>", unsafe_allow_html=True)
|
| 926 |
|
| 927 |
|
| 928 |
st.write("""
|
|
|
|
| 936 |
The higher the number of frames per second, the smoother the video will look. Fewer frames per second can make the video appear less smooth or choppy.
|
| 937 |
""")
|
| 938 |
|
| 939 |
+
st.markdown("<h3 style='text-align: center; color: #FF00FF;'>Understanding Video Processing with OpenCV</h3>", unsafe_allow_html=True)
|
| 940 |
|
| 941 |
st.write("""
|
| 942 |
**Load the Video**
|
|
|
|
| 976 |
|
| 977 |
# Use st.markdown to display the explanation
|
| 978 |
|
| 979 |
+
st.markdown("<h3 style='text-align: center; color: #FF00FF;'>Understanding `vid.read()`</h3>", unsafe_allow_html=True)
|
| 980 |
|
| 981 |
|
| 982 |
st.markdown("""
|
|
|
|
| 988 |
2. **`img`**: The actual frame (image) from the video, which is in the form of a NumPy array. This image can then be processed just like any regular picture.
|
| 989 |
""")
|
| 990 |
|
| 991 |
+
st.markdown("<h3 style='text-align: center; color: #FF00FF;'>Understanding `cv2.waitkey()`</h3>", unsafe_allow_html=True)
|
| 992 |
|
| 993 |
st.markdown("""
|
| 994 |
|
|
|
|
| 1051 |
cv2.destroyAllWindows() # Removing all the temporary memory (RAM)
|
| 1052 |
""", language="python")
|
| 1053 |
|
| 1054 |
+
st.markdown("<h3 style='text-align: center; color: #FF00FF;'>Splitting video into 3 Different channels (B,G,R)</h3>", unsafe_allow_html=True)
|
| 1055 |
|
| 1056 |
|
| 1057 |
|
|
|
|
| 1175 |
|
| 1176 |
st.markdown("""
|
| 1177 |
- The image captured by the webcam is divided into three parts: Red, Green, and Blue. This is done using `cv2.split()`
|
|
|
|
| 1178 |
- The separate Red, Green, and Blue images are then combined back into three full-color images using `cv2.merge()`.
|
| 1179 |
- This lets us see each color channel on its own, but in full color.
|
| 1180 |
""")
|