C'

main.py

@@ -8,11 +8,6 @@ from socketio import ASGIApp
 
 import cv2
 from flask import Flask, render_template, request, Response, session, redirect, url_for
-from flask import Flask, render_template
-
-from flask_socketio import SocketIO
-from flask_socketio import emit
-from flask_cors import CORS
 
 from flask_socketio import SocketIO
 import yt_dlp as youtube_dl
@@ -20,16 +15,11 @@ import uvicorn
 
 model_object_detection = YOLO("bisindov2.pt")
 
-
-
-
 app = Flask(__name__)
 
-socketio = SocketIO(app, cors_allowed_origins="*")
-
-CORS(app)
-
-app.secret_key = 'flask-sockets-builds'
+app.config['SECRET_KEY'] = 'secret!'
+socketio = SocketIO(app, async_mode='threading')
+stop_flag = False
 
 
 ######################################################
@@ -344,9 +334,10 @@ def stop_process():
 @socketio.on('connect')
 def test_connect():
     print('Connected')
-    #emit('message', data, broadcast=True)
-
 
+if __name__ == "__main__":
 
-if __name__ == '__main__':
-    socketio.run(app, host='0.0.0.0', debug=True, allow_unsafe_werkzeug=True)
+    asgi_app = ASGIApp(app, socketio)
+    uvicorn.run(asgi_app, host='0.0.0.0', port=8000)
+    
+    

templates/index.html

@@ -97,9 +97,10 @@
         <!-- Video -->
         <div class="col-span-8 mx-4 mt-3" style="background-color: lightgrey; border-radius: 10px;"> <!-- أضفت لون خلفية ونصبت دائرة لـ div الفيديو -->
             <div id="container">
-                <img class="center" src="/video_feed" id="videoElement">
+                <img class="center" src="{{ url_for('video_feed') }}" id="videoElement" alt="Video Feed">
             </div>
         </div>
+        
 
         <!-- Terminal -->
         <div class="col-span-2 mr-4" style="background-color: lightgrey; border-radius: 10px;"> <!-- أضفت لون خلفية ونصبت دائرة لـ div الطرفية -->