From 7df6e5b3bf189ec49961a2c96fcf69d336b2190c Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Sat, 30 Jan 2021 19:21:39 +0100
Subject: [PATCH] Improve script

---
 assets/js/components/calls/window.js | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/assets/js/components/calls/window.js b/assets/js/components/calls/window.js
index 960dfe0c..4b01ed80 100644
--- a/assets/js/components/calls/window.js
+++ b/assets/js/components/calls/window.js
@@ -924,19 +924,18 @@ class CallWindow extends CustomEvents {
 		if(!this.isOpen)
 			return
 		
+		// If streaming video stream, allow to blur background
 		if(includeVideo)
 		{
 			// Create capture
 			const videoTarget = document.createElement("video");
+			videoTarget.muted = true;
 			videoTarget.srcObject = stream;
 			videoTarget.play()
 
-
 			const canvasTarget = document.createElement("canvas");
 			const canvas = canvasTarget.getContext("2d");
 			
-document.body.appendChild(videoTarget) // TODO : remove
-document.body.appendChild(canvasTarget) // TODO : remove
 			bodyPix.load({
 				multiplier: 0.75,
 				stride: 32,
@@ -945,28 +944,29 @@ document.body.appendChild(canvasTarget) // TODO : remove
 				(async () => {
 					try {
 
-						//await new Promise((res) => setTimeout(() => res(), 3000));
-
+						// Wait for video to be ready
 						await new Promise((res, rej) => videoTarget.addEventListener("loadeddata", e => res(), {once: true}));
-						alert("do it");
-						videoTarget.width = this.mainStream.getVideoTracks()[0].getSettings().width
-						videoTarget.height = this.mainStream.getVideoTracks()[0].getSettings().height
+
+						const videoTrack = this.mainStream.getVideoTracks()[0];
+
+						// Fix size
+						videoTarget.width = videoTrack.getSettings().width
+						videoTarget.height = videoTrack.getSettings().height
 						canvasTarget.width = videoTarget.width;
 						canvasTarget.height = videoTarget.height;
 
-						while(true) // TODO : Find something better
+						while(videoTrack.readyState == "live")
 						{
 							const segmentation = await net.segmentPerson(videoTarget);
 
 							const backgroundBlurAmount = 6;
 							const edgeBlurAmount = 2;
 							const flipHorizontal = true;
-console.info(
-	canvasTarget, videoTarget, segmentation, backgroundBlurAmount,
-	edgeBlurAmount, flipHorizontal);
+
 							bodyPix.drawBokehEffect(
 							canvasTarget, videoTarget, segmentation, backgroundBlurAmount,
 							edgeBlurAmount, flipHorizontal);
+							console.log("track update");
 						}
 					}
 					catch(e)