Update app.py

app.py

@@ -2,6 +2,9 @@ import streamlit as st
 import numpy as np
 import cv2
 from io import BytesIO
+from streamlit_webrtc import webrtc_streamer
+from turn import get_ice_servers
+import av
 
 def create_blake_image(input_image):
     # Read the image from the BytesIO object
@@ -21,13 +24,21 @@ def create_blake_image(input_image):
     
     return result
 
-st.title("Blake-Style Image Converter")
-picture = st.file_uploader("Upload an image", type=["jpg", "png", "jpeg"])
 
-if picture:
-    # Convert the uploaded image to a Blake-style image
-    blake_image = create_blake_image(picture)
+
+# Continue with the rest of your processing
+
+class VideoProcessor:
+    num_bins = 256
+    video_stopped = False
     
-    # Display the result
-    st.image(blake_image, caption="Blake-Style Image", use_column_width=True)
+    def recv(self, frame):
+        frm = frame.to_ndarray(format="bgr24")
+        frm = cv2.flip(frm,1)
+        modified_frm  = create_blake_image(frm)
+        return av.VideoFrame.from_ndarray(modified_frm , format='bgr24')
+# Inside your Streamlit app
+
+st.title("التركيز على وسط الشاشة")
 
+webrtc_streamer(key="example", video_processor_factory=VideoProcessor,media_stream_constraints={"video": True, "audio": False},rtc_configuration={"iceServers": get_ice_servers()},)