Merge pull request #2383 from entrylabs/issue/5333-2

이슈 5333 추가 이슈 처리

Author: prisml

src/graphicEngine/GEHelper.ts

@@ -289,6 +289,13 @@ class _GEHelper extends GEHelperBase {
         this.videoContainer = null;
     }
 
+    destroy() {
+        this.videoContainer = null;
+        this.faceIndicatorGraphic = null;
+        this.poseIndicatorGraphic = null;
+        this.objectIndicatorGraphic = null;
+    }
+
     hFlipVideoElement(canvasVideo: PIXI.Sprite | createjs.Bitmap): any {
         const { x, y, scaleX, scaleY, rotation, skewX, skewY, regX, regY } = canvasVideo;
         canvasVideo.setTransform(-x, y, -scaleX, scaleY, rotation, skewX, skewY, regX, regY);

src/util/videoUtils.ts

@@ -221,6 +221,9 @@ class VideoUtils implements MediaUtilsInterface {
         }
 
         try {
+            if (!this.motionWorker) {
+                this.motionWorker = new VideoMotionWorker();
+            }
             /*
                 NT11576  #11683
                 파이어폭스는 기본적으로 4:3비율로만 비디오를 가져오게 되어있어서, 사이즈를 조절해야함. 
@@ -251,7 +254,9 @@ class VideoUtils implements MediaUtilsInterface {
             });
             console.time('test');
             if (this.isChrome) {
-                this.worker = new VideoWorker();
+                if (!this.worker) {
+                    this.worker = new VideoWorker();
+                }
                 this.worker.onmessage = (e: { data: { type: String; message: any } }) => {
                     const { type, message } = e.data;
                     if (Entry.engine.state !== 'run' && type !== 'init') {
@@ -368,6 +373,7 @@ class VideoUtils implements MediaUtilsInterface {
             this.stream = stream;
             this.canvasVideo = GEHelper.getVideoElement(video);
             this.video = video;
+            this.stopVideo();
             this.isInitialized = true;
         } catch (err) {
             console.log(err);
@@ -849,8 +855,9 @@ class VideoUtils implements MediaUtilsInterface {
     destroy() {
         this.disableAllModels();
         this.turnOffWebcam();
+        this.reset();
         this.stopVideo();
-        GEHelper.destroyWebcam();
+        GEHelper.destroy();
         this.video = null;
         this.canvasVideo = null;
         this.inMemoryCanvas = null;
@@ -861,6 +868,8 @@ class VideoUtils implements MediaUtilsInterface {
         this.objects = [];
         this.poses = { predictions: [], adjacents: [] };
         this.faces = [];
+        this.worker = null;
+        this.motionWorker = null;
         this.isInitialized = false;
     }