Update app.py

app.py

@@ -782,7 +782,7 @@ async(c, o, p, d, n, m, s)=>{
         videoDome.videoTexture.video.oncanplaythrough = function () {
           document.getElementById('seek').innerHTML = '';
           for (var i=0; i<videoDome.videoTexture.video.duration; i++) {
-            document.getElementById('seek').innerHTML += '<a href="#" onclick="seek('+i+');">'+i+'</a> ';
+            document.getElementById('seek').innerHTML += '<a href="#" style="position:absolute;left:'+(32+coords[i].lng)+'px;top:'+(32+coords[i].lat)+'px;" onclick="seek('+i+');"> '+i+' </a> ';
           }
           play();
           videoDome.videoTexture.video.oncanplaythrough = null;
@@ -1314,7 +1314,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>
-              <span id='seek'></span> <a href='#' onclick='play();'>Play</a><br/>
+              <div style='width:64px;height:64px;border:1px dotted gray;padding:0;margin:0;float:right;' id='seek'></div> <a href='#' onclick='play();'>Play</a><br/>
               <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='