Update app.py

app.py

@@ -945,12 +945,22 @@ function stop_recording() {
 }
 window.stop_recording = stop_recording;
 
-function seek() {
+function seek(t) {
   videoDome.videoTexture.video.pause();
   video.pause();
-  var t = Math.random();
-  videoDome.videoTexture.video.currentTime = t * videoDome.videoTexture.video.duration;
-  video.currentTime = t * video.duration;
+  
+  videoDome.videoTexture.video.currentTime += t;
+  if (videoDome.videoTexture.video.currentTime > videoDome.videoTexture.video.duration) {
+    videoDome.videoTexture.video.currentTime = videoDome.videoTexture.video.duration;
+  } else if (videoDome.videoTexture.video.currentTime < 0) {
+    videoDome.videoTexture.video.currentTime = 0;
+  }
+  video.currentTime += t;
+  if (video.currentTime > video.duration) {
+    video.currentTime = video.duration;
+  } else if (video.currentTime < 0) {
+    video.currentTime = 0;
+  }
 }
 window.seek = seek;
 
@@ -1286,7 +1296,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='seek();'>Seek</a>
+              <a href='#' onclick='seek(-1);'>Back</a> <a href='#' onclick='seek(1);'>Fwd</a>
               <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>