support queue and update notification

Dockerfile

@@ -36,7 +36,8 @@ ENV HOME=/home/user \
     PATH=/home/user/.local/bin:$PATH \
     PYTHONPATH=$HOME/app \
     PYTHONUNBUFFERED=1 \
-    SYSTEM=spaces
+    SYSTEM=spaces \
+    MAX_QUEUE_SIZE=2
 
 # Set the working directory to the user's home directory
 WORKDIR $HOME/app

demo/frontend/src/routes/+page.svelte

@@ -6,7 +6,12 @@
   import Warning from '$lib/components/Warning.svelte';
   import Spinner from '$lib/icons/spinner.svelte';
   import { lcmLiveActions, lcmLiveStatus, LCMLiveStatus } from '$lib/lcmLive';
-  import { mediaStreamActions, mediaStreamStatus, MediaStreamStatusEnum, onFrameChangeStore } from '$lib/mediaStream';
+  import {
+    mediaStreamActions,
+    mediaStreamStatus,
+    MediaStreamStatusEnum,
+    onFrameChangeStore
+  } from '$lib/mediaStream';
   import { deboucedPipelineValues, getPipelineValues } from '$lib/store';
   import type { Fields, PipelineInfo } from '$lib/types';
   import { PipelineMode } from '$lib/types';
@@ -66,12 +71,12 @@
     try {
       if (!isLCMRunning) {
         if (isImageMode) {
-            if ($mediaStreamStatus === MediaStreamStatusEnum.DISCONNECTED) {
-                warningMessage = 'Please allow camera access.';
-                return
-            }
-        //   await mediaStreamActions.enumerateDevices();
-        //   await mediaStreamActions.start();
+          if ($mediaStreamStatus === MediaStreamStatusEnum.DISCONNECTED) {
+            warningMessage = 'Please allow camera access.';
+            return;
+          }
+          //   await mediaStreamActions.enumerateDevices();
+          //   await mediaStreamActions.start();
         }
         disabled = true;
         await lcmLiveActions.start(getSreamdata);
@@ -82,12 +87,12 @@
         //   mediaStreamActions.stop();
         // }
         lcmLiveActions.stop();
-        mediaStreamActions.stop()
+        mediaStreamActions.stop();
         toggleQueueChecker(true);
       }
     } catch (e) {
       warningMessage = e instanceof Error ? e.message : '';
-      console.error(warningMessage)
+      console.error(warningMessage);
       disabled = false;
       toggleQueueChecker(true);
     }
@@ -112,11 +117,9 @@
       <p class="text-sm">
         There are <span id="queue_size" class="font-bold">{currentQueueSize}</span>
         user(s) sharing the same GPU, affecting real-time performance. Maximum queue size is {maxQueueSize}.
-        <a
-          href="https://huggingface.co/spaces/radames/Real-Time-Latent-Consistency-Model?duplicate=true"
-          target="_blank"
-          class="text-blue-500 underline hover:no-underline">Duplicate</a
-        > and run it on your own GPU.
+        To avoid network latency and queuing, we strongly recommend cloning
+        <a href="https://github.com/open-mmlab/Live2Diff">our official repository</a> and running it
+        locally.
       </p>
     {/if}
   </article>