Update app.py

app.py

@@ -319,6 +319,9 @@ def select_frame(v, evt: gr.SelectData):
     #print(v)
     return v, frame_selected
 
+def align_rows(v):
+    global masks
+    return gr.Gallery(columns=int(len(masks)/2))
 
 css = """
 #img-display-container {
@@ -365,7 +368,8 @@ with gr.Blocks(css=css) as demo:
             input_url = gr.Textbox(value="./examples/streetview.mp4", label="URL")
             input_video = gr.Video(label="Input Video", format="mp4")
             input_url.change(fn=loadurl, inputs=[input_url], outputs=[input_video])
-            output_frame = gr.Gallery(label="Frames", type='numpy', preview=True, rows=2)
+            output_frame = gr.Gallery(label="Frames", type='numpy', preview=True, columns=8192)
+            output_frame.change(fn=align_rows, inputs=[output_frame], outputs=[output_frame])
             output_mask = gr.ImageEditor(interactive=True, transforms=(None,), eraser=gr.Eraser(), brush=gr.Brush(colors=['black', 'darkgray', 'gray', 'lightgray', 'white']), layers=True)
             submit = gr.Button("Submit")
         with gr.Column():
@@ -614,9 +618,9 @@ with gr.Blocks(css=css) as demo:
               BABYLON.Engine.LastCreatedScene.activeCamera.metadata.pipeline.imageProcessing.exposure = document.getElementById(\"exposure\").value;
               
               document.getElementById(\"model3D\").getElementsByTagName(\"canvas\")[0].style.filter = \"blur(\" + BABYLON.Engine.LastCreatedScene.getNodes()[parseInt(document.getElementById(\"fnum\").getElementsByTagName(\"input\")[0].value)+1].material.pointSize/2.0*Math.sqrt(2.0) + \"px)\";
-
+try {
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager) {
-                BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager = new BABYLON.GizmoManager(BABYLON.Engine.LastCreatedScene, 16);
+                BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager = new BABYLON.GizmoManager(BABYLON.Engine.LastCreatedScene, 12);
                 
                 BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager.positionGizmoEnabled = true;
                 BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager.rotationGizmoEnabled = false;
@@ -641,7 +645,7 @@ with gr.Blocks(css=css) as demo:
                 }
               }
               BABYLON.Engine.LastCreatedScene.activeCamera.metadata.gizmoManager.attachToMesh(BABYLON.Engine.LastCreatedScene.getNodes()[parseInt(document.getElementById(\"fnum\").getElementsByTagName(\"input\")[0].value)+1]);
-            
+} catch(e) {alert(e)}
             '>reset camera</a>""")
             contrast = gr.HTML(value="""<label for='contrast'>Contrast</label><input id='contrast' type='range' style='width:256px;height:1em;' value='2.0' min='0' max='2' step='0.001' oninput='
               if (!BABYLON.Engine.LastCreatedScene.activeCamera.metadata) {