From 9bee589dc4d48812bc210ea87818a6ffa5df5a27 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Sat, 30 Jan 2021 20:08:27 +0100
Subject: [PATCH] Load background detection network only when required

---
 assets/js/components/calls/window.js | 67 +++++++++++++++-------------
 1 file changed, 36 insertions(+), 31 deletions(-)

diff --git a/assets/js/components/calls/window.js b/assets/js/components/calls/window.js
index d5f92746..7703521b 100644
--- a/assets/js/components/calls/window.js
+++ b/assets/js/components/calls/window.js
@@ -962,41 +962,46 @@ class CallWindow extends CustomEvents {
 			canvasTarget.height = videoTarget.height;
 
 
-			bodyPix.load({
-				multiplier: 0.75,
-				stride: 32,
-				quantBytes: 4
-			}).then( net => {
-				(async () => {
-					try {
+			// Process images
+			(async () => {
+				try {
 
+					while(videoTrack.readyState == "live")
+					{
+						if (this.blurBackground) {
+
+							// Load network if required
+							if (!this.backgroundDetectionNetwork)
+							{
+								this.backgroundDetectionNetwork = await bodyPix.load({
+									multiplier: 0.75,
+									stride: 32,
+									quantBytes: 4
+								});
+							}
+
+							const segmentation = await this.backgroundDetectionNetwork.segmentPerson(videoTarget);
+
+							const backgroundBlurAmount = 6;
+							const edgeBlurAmount = 2;
+							const flipHorizontal = true;
+
+							bodyPix.drawBokehEffect(
+							canvasTarget, videoTarget, segmentation, backgroundBlurAmount,
+							edgeBlurAmount, flipHorizontal);
+						}
 						
-						while(videoTrack.readyState == "live")
-						{
-							if (this.blurBackground) {
-								const segmentation = await net.segmentPerson(videoTarget);
-
-								const backgroundBlurAmount = 6;
-								const edgeBlurAmount = 2;
-								const flipHorizontal = true;
-
-								bodyPix.drawBokehEffect(
-								canvasTarget, videoTarget, segmentation, backgroundBlurAmount,
-								edgeBlurAmount, flipHorizontal);
-							}
-							
-							else {
-								canvas.drawImage(videoTarget, 0, 0, videoTarget.width, videoTarget.height);
-								await new Promise((res, rej) => setTimeout(() => res(), 40));
-							}
+						else {
+							canvas.drawImage(videoTarget, 0, 0, videoTarget.width, videoTarget.height);
+							await new Promise((res, rej) => setTimeout(() => res(), 40));
 						}
 					}
-					catch(e)
-					{
-						console.error("Failure", e);
-					}
-				})();
-			});
+				}
+				catch(e)
+				{
+					console.error("Failure", e);
+				}
+			})();
 			
 			
 			stream = canvasTarget.captureStream();