Perf: Optimize Streamlit video processing loop with JPEG encoding

app.py

@@ -588,8 +588,7 @@ elif app_mode =='Run on Test Videos':
                             window.append(frame)
                             # kpi1_text.write(f"<h1 style='text-align: center; color: red;'>{idx+1}/{current_test_df.shape[0]}</h1>", unsafe_allow_html=True)
                             # kpi2_text.write(f"<h1 style='text-align: center; color: red;'>--</h1>", unsafe_allow_html=True)
-                            with view.container():
-                                st.image(canvas_with_plot,channels = 'BGR',use_column_width=True)
+                            view.image(cv2.imencode('.jpg', canvas_with_plot)[1].tobytes(), use_column_width=True)
                         else:
 
                             window[:-1] = window[1:]
@@ -663,8 +662,7 @@ elif app_mode =='Run on Test Videos':
                             #     st.bar_chart(df)
                             # frame = cv2.resize(frame,(0,0),fx = 0.8 , fy = 0.8)
                             # frame = image_resize(image = frame, width = 640)
-                            with view.container():
-                                st.image(canvas_with_plot,channels = 'BGR',use_column_width=True)
+                            view.image(cv2.imencode('.jpg', canvas_with_plot)[1].tobytes(), use_column_width=True)
 
                         idx=idx+1