Update app.py

app.py

@@ -310,9 +310,6 @@ css = """
     }
 """
 
-js = """
-"""
-
 title = "# Depth Anything Video Demo"
 description = """Depth Anything on full video files.  
 Please refer to our [paper](https://arxiv.org/abs/2401.10891), [project page](https://depth-anything.github.io), or [github](https://github.com/LiheYoung/Depth-Anything) for more details.  
@@ -336,7 +333,7 @@ transform = Compose([
 # def predict_depth(model, image):
 #     return model(image)
 
-with gr.Blocks(css=css, js=js) as demo:
+with gr.Blocks(css=css) as demo:
     gr.Markdown(title)
     gr.Markdown(description)
     gr.Markdown("### Video Depth Prediction demo")
@@ -361,7 +358,7 @@ with gr.Blocks(css=css, js=js) as demo:
                 if (document.getElementById(\"pl\").getAttribute(\"points\").length < 256) {
                   var pts = \"\";
                   for (var i=0; i<256; i++) {
-                    pts += i+\",\"+parseInt(Math.sin(i/256*Math.PI/2)*15)+\" \";
+                    pts += i+\",0 \";
                   }
                   document.getElementById(\"pl\").setAttribute(\"points\", pts.slice(0,-1)); 
                   var xold = 0;
@@ -401,10 +398,12 @@ with gr.Blocks(css=css, js=js) as demo:
                   this.onpointerleave = function(event) {
                     this.title = \"\";
                   }
+                  this.onpointerdown = function(event) {
+                    xold = parseInt(event.clientX - event.target.getBoundingClientRect().x);
+                    yold = parseInt(event.clientY - event.target.getBoundingClientRect().y);
+                    this.title = xold+\",\"+yold;
+                  }
                 }
-                xold = x;
-                yold = y;
-                this.title = xold+\",\"+yold;
               }catch(e){alert(e);}
               '>
                 <defs>