Update app.py

app.py

@@ -771,6 +771,7 @@ async(c, o, p, d, n, m, s)=>{
         
 
         function requestMap() {
+        try {
           ctx.drawImage(video, 0, 0, video.videoWidth, video.videoHeight);
           if (buffer) {
             counter = parseInt(video.currentTime);
@@ -779,21 +780,16 @@ async(c, o, p, d, n, m, s)=>{
           }
           buffer = ctx.getImageData(0, 0, video.videoWidth, video.videoHeight).data;
           applyDisplacementMapFromBuffer(videoDomeMesh, buffer, video.videoWidth, video.videoHeight, 0, 1, null, null, true);
-          setTimeout(updateMap, 1000);
+          setTimeout(requestMap, 1000);
+        } catch(e) {alert(e)}
         }
         window.requestMap = requestMap;
 
-        function updateMap() {
-          requestAnimationFrame(requestMap);
-        }
-        window.updateMap = updateMap;
-
         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="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;
@@ -995,7 +991,7 @@ function videoPlay() {
   video.loop = true;
   videoDome.videoTexture.video.play();
   video.play();
-  updateMap();
+  requestMap();
 }
 window.videoPlay = videoPlay;