iamrjrahul

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Show toggle </ title >     < style >         .img-canvas-container {             position : relative ;             width : 500px ;             height : 500px ;         }         .img-canvas-container img , .img-canvas-container canvas {             position : absolute ;             top : 0 ;             left : 0 ;         }         canvas {             border : 3px solid #333 ;             background-size : cover ;             cursor : crosshair ;             opacity : 0.5 ;             display : none ;         }     </ style > </ head > < body >     {% for d in data %}     < div class = "img-canvas-container" >         < img id = "image{{ loop.index }}" src = "

import ast class VideoStream():     def __init__(self):         self.rules= {}         self._OldRules = None         self._NewRules= None          @property     def NewRules(self):         return self._NewRules              @NewRules.setter     def NewRules(self, newData):         self._NewRules = newData         if not self._OldRules:             self._OldRules = self._NewRules             self.processData(newData)                      else:             for ids in newData.keys():                 if ids in self._OldRules.keys():                     self._OldRules[ids] = newData[ids]                     print("same id is ther", self._OldRules)                     self.processData(self._OldRules)                     return self.rules                 else:                     self._OldRules.update(newData)                     self.processData(self._OldRules)                     return self.rules                                def processData(self, newData):         processedRule

  < div class = "info" >     < p id = "points-info" > No points yet </ p > </ div > < div class = "output" >     < img id = "image" src = "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Image_created_with_a_mobile_phone.png/1200px-Image_created_with_a_mobile_phone.png" width = "500" height = "500" >     < canvas id = "canvas" width = "500" height = "500" ></ canvas >     < p id = "coordinates" ></ p > </ div > < button id = "show-canvas-btn" > Show Canvas </ button > < style > canvas {     width : 500px ;     height : 500px ;     display : none ;     border : 3px solid #333 ;     background-size : cover ;     cursor : crosshair ; } </ style > < script > var canvas = document . getElementById ( 'canvas' ); var ctx = canvas . getContext (

  < div class = "info" >     < p class = "points-info" > No points yet </ p >     < input type = "text" placeholder = "Image URL" > </ div > < div class = "output" >         < canvas id = "canvas" width = "500" height = "500" style = " border: 1px solid black;" ></ canvas > < p id = "coordinates" ></ p > </ div > < style > canvas {     width : 500px ;     height : 500px ;     display : inline-block ;     border : 3px solid #333 ;     background-size : cover ;     cursor : crosshair ; } .zoom {     width : 100px ;     height : 100px ;     border : 3px solid #333 ;     background-size : fill ;     border-radius : 50px ;     cursor : crosshair ; } .magnify {     width : 100px ;     height : 100px ;     background : black ;     background-size : 400% ;     border : 2px solid #333 ; } .magnify-dot {  

index.html <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Camera Stream App </ title > </ head > < body >     < h1 > Camera Stream App </ h1 >     < form action = "{{ url_for('add_camera') }}" method = "post" >         < label for = "rtsp_link" > RTSP Link: </ label >         < input type = "text" id = "rtsp_link" name = "rtsp_link" required >         < button type = "submit" > Add Camera </ button >     </ form >     < div >         {% for camera_id, camera_info in camera_streams.items() %}             < div >              

 import React, { useEffect, useRef, useState } from 'react'; import { View, StyleSheet, Dimensions, Image } from 'react-native'; import VLCPlayer from 'react-native-vlc-player'; import * as tf from '@tensorflow/tfjs'; import { fetch } from '@tensorflow/tfjs-react-native'; import { decodeJpeg } from '@tensorflow/tfjs-react-native'; const ObjectDetection = () => {   const vlcPlayerRef = useRef(null);   const modelRef = useRef(null);   const streamingRef = useRef(false);   const [overlayImage, setOverlayImage] = useState(null);   useEffect(() => {     const loadModel = async () => {       try {         await tf.ready();         modelRef.current = await tf.loadGraphModel(           fetch(             'https://tfhub.dev/tensorflow/ssd_mobilenet_v2/2/default/1',             { method: 'GET' }           )         );         streamingRef.current = true;       } catch (error) {         console.error('Error loading model