feat: ok2

package.json

@@ -15,11 +15,11 @@
     "@angular/compiler": "^18.2.0",
     "@angular/core": "^18.2.0",
     "@angular/forms": "^18.2.0",
-    "@splidejs/splide": "^4.1.4",
-    "ngx-splide": "^7.0.1",
     "@angular/platform-browser": "^18.2.0",
     "@angular/platform-browser-dynamic": "^18.2.0",
     "@angular/router": "^18.2.0",
+    "@splidejs/splide": "^4.1.4",
+    "ngx-splide": "^7.0.1",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.10"
@@ -29,6 +29,7 @@
     "@angular/cli": "^18.2.2",
     "@angular/compiler-cli": "^18.2.0",
     "@types/jasmine": "~5.1.0",
+    "@types/node": "^22.7.9",
     "autoprefixer": "^10.4.20",
     "jasmine-core": "~5.2.0",
     "karma": "~6.4.0",

src/app/components/motion-detection/motion-detection.component.ts

@@ -15,6 +15,7 @@ import {
 export class MotionDetectionComponent implements AfterViewInit, OnDestroy {
   imageSpawned: boolean = false;
   private localStream: MediaStream | null = null;
+  drawInterval: any;
 
   constructor(private renderer: Renderer2) {}
 
@@ -23,11 +24,8 @@ export class MotionDetectionComponent implements AfterViewInit, OnDestroy {
   }
 
   ngOnDestroy(): void {
-    // Ferma il flusso video se il componente viene distrutto
-    if (this.localStream) {
-      const tracks = this.localStream.getTracks();
-      tracks.forEach((track) => track.stop());
-      this.localStream = null; // Libera il flusso
+    if (this.drawInterval) {
+      clearInterval(this.drawInterval);
     }
   }
 
@@ -153,7 +151,8 @@ export class MotionDetectionComponent implements AfterViewInit, OnDestroy {
           localStream = stream;
           camStream.srcObject = stream;
           camStream.play();
-          setInterval(draw, 32);
+          this.drawInterval = setInterval(draw, 32);
+          this.drawInterval;
         })
         .catch((error) => console.error("Error accessing webcam:", error));
     } else {

tsconfig.json

@@ -5,6 +5,7 @@
   "compilerOptions": {
     "outDir": "./dist/out-tsc",
     "strict": true,
+    "types": ["node"],
     "noImplicitOverride": true,
     "noPropertyAccessFromIndexSignature": true,
     "noImplicitReturns": true,