update

static/index.js

@@ -20,7 +20,7 @@ function setInferInterval() {
         console.log(data);
         if (data == false) {
             console.log("GPU is not available. Use CPU for inference.");
-            infer_interval = 4000;
+            infer_interval = 5000;
         }
         else {
             console.log("GPU is available. Use GPU for inference.");
@@ -223,8 +223,6 @@ domainSlider.addEventListener("change", function () {
 
 // post data to server for recognition
 function onRecognition(range) {
-    console.time("predict");
-
     $.ajax({
         url: './predict',
         type: 'POST',
@@ -242,13 +240,9 @@ function onRecognition(range) {
         console.log(XMLHttpRequest);
         alert("error");
     })
-
-    console.timeEnd("predict");
 }
 
 function onRecognition_random(range) {
-    console.time("predict");
-
     $.ajax({
         url: './predict_random',
         type: 'POST',
@@ -266,8 +260,6 @@ function onRecognition_random(range) {
         console.log(XMLHttpRequest);
         alert("error");
     })
-
-    console.timeEnd("predict");
 }
 
 function drawImgToCanvas(canvasId, b64Img) {

templates/index.html

@@ -10,15 +10,21 @@
 
 <h1 style="text-align: center; font-size: 40px; font-family: 'Times New Roman', Times, serif;">
   Controllable Multi-domain Semantic Artwork Synthesis
+  </a>
 </h1>
 <p style="text-align: center; font-size: 20px; font-family: 'Times New Roman', Times, serif;">
+  <!-- Duplicate this space on GPU to speedup. (Inference Time: 3500ms for CPU, 200ms for GPU.): -->
+  <a style="text-align: center; display:inline-block"
+    href="https://huggingface.co/spaces/sky24h/Controllable_Multi-domain_Semantic_Artwork_Synthesis?duplicate=true">
+    <img src="https://huggingface.co/datasets/huggingface/badges/raw/main/duplicate-this-space-sm.svg#center"
+      alt="Duplicate Space">
+  </a>
+
   <a href="https://sky24h.github.io/websites/cvmj2023_controllable-artwork-synthesis/" target="_blank">
-      <b>Project Page</b>
-  <!-- <br> -->
+    <b>Project Page</b>
+    <!-- <br> -->
   </a>
-      <a style="text-align: center; display:inline-block" href="https://huggingface.co/spaces/sky24h/Controllable_Multi-domain_Semantic_Artwork_Synthesis?duplicate=true">
-      <img src="https://huggingface.co/datasets/huggingface/badges/raw/main/duplicate-this-space-sm.svg#center" alt="Duplicate Space">
-      </a>
+
 </p>
 <hr class="solid">