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="#" style="font-family:monospace;position:absolute;right:'+(32+coords[i].lng/4)+'px;top:'+(32+coords[i].lat/4)+'px;" onclick="seek('+i+');"> '+i+' </a> ';
+            document.getElementById('seek').innerHTML += '<a href="#" style="position:absolute;right:'+(56+coords[i].lng/2)+'px;top:'+(56+coords[i].lat/2)+'px;" onclick="seek('+i+');"> '+i+' </a> ';
           }
           play();
           videoDome.videoTexture.video.oncanplaythrough = null;
@@ -1279,7 +1279,8 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               document.getElementById(\"model3D\").getElementsByTagName(\"canvas\")[0].style.filter = \"blur(\" + Math.ceil(Math.log2(Math.PI/document.getElementById(\"zoom\").value))/2.0*Math.sqrt(2.0) + \"px)\";
               document.getElementById(\"model3D\").getElementsByTagName(\"canvas\")[0].oncontextmenu = function(e){e.preventDefault();}
               document.getElementById(\"model3D\").getElementsByTagName(\"canvas\")[0].ondrag = function(e){e.preventDefault();}
-            '>Reset camera</a>""")
+            '>Reset camera</a>
+            <div style='width:128px;height:128px;border:1px dotted gray;padding:0;margin:0;float:right;' id='seek'></div>""")
             html = gr.HTML(value="""<label for='zoom' style='width:5em'>Zoom</label><input id='zoom' type='range' style='width:256px;height:1em;' value='0.8' min='0.157' max='1.57' step='0.001' oninput='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {
                 var evt = document.createEvent(\"Event\");
@@ -1313,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>
-              <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/>
+              <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='