Update app.py

app.py

@@ -793,11 +793,12 @@ async(c, o, p, d, n, m, s)=>{
           for (var i=0; i<videoDome.videoTexture.video.duration; i++) {
             document.getElementById('seek').innerHTML += '<a href="#" style="position:absolute;left:'+(56+coords[i].lng/2)+'px;top:'+(56-coords[i].lat/2)+'px;" onclick="seek('+i+');">-'+i+'-</a> ';
           }
+          alert(video);
           const canvas = document.createElement("canvas");
           canvas.width = video.videoWidth;
           canvas.height = video.videoHeight;
           ctx = canvas.getContext("2d", { willReadFrequently: true });
-          alert(video.src);
+          
           videoPlay();
           videoDome.videoTexture.video.oncanplaythrough = null;
           video.oncanplaythrough = null;
@@ -1334,7 +1335,7 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               <a href='#' onclick='snapshot();'>Screenshot</a>
               <a href='#' onclick='record_video();'>Record</a>
               <a href='#' onclick='stop_recording();'>Stop rec.</a>
-              <a href='#' onclick='play();'>Play</a></span>""")
+              <a href='#' onclick='videoPlay();'>Play</a></span>""")
             snapshot = gr.HTML(value="""<img src='' id='img_out' onload='var ctxt = document.getElementById(\"cnv_out\").getContext(\"2d\");ctxt.drawImage(this, 0, 0);'/><br/>
               <canvas id='cnv_out'></canvas>
               <div id='compass_box'><div id='compass'><a id='fullscreen' onclick='