Update app.py

app.py

@@ -744,14 +744,14 @@ with gr.Blocks(css=css, js=js) as demo:
 
     with gr.Row():
         with gr.Column():
-            input_json = gr.Textbox(elem_id="json_in", value="{}", label="JSON")
+            input_json = gr.Textbox(elem_id="json_in", value="{}", label="JSON", interactive=False)
             input_url = gr.Textbox(elem_id="url_in", value="./examples/streetview.mp4", label="URL")
             input_video = gr.Video(label="Input Video", format="mp4")
             input_url.input(fn=loadfile, inputs=[input_url], outputs=[input_video])
             submit = gr.Button("Submit")
-            output_frame = gr.Gallery(label="Frames", preview=True, columns=8192)
+            output_frame = gr.Gallery(label="Frames", preview=True, columns=8192, interactive=False)
             output_switch = gr.Checkbox(label="Show depths")
-            output_depth = gr.Files(label="Depths")
+            output_depth = gr.Files(label="Depths", interactive=False)
             output_switch.input(fn=switch_rows, inputs=[output_switch], outputs=[output_frame])
             optimize_switch = gr.Checkbox(label="Optimize")
             bgcolor = gr.Textbox(elem_id="bgcolor", value="[127, 127, 127, 255]", label="Background color", interactive=False)
@@ -808,8 +808,8 @@ with gr.Blocks(css=css, js=js) as demo:
               reset.click(fn=reset_mask, inputs=None, outputs=[output_mask, output_depth])
         with gr.Column():
             model_type = gr.Dropdown([("small", "vits"), ("base", "vitb"), ("large", "vitl")], type="value", value="vits", label='Model Type')
-            processed_video = gr.Video(label="Output Video", format="mp4")
-            processed_zip = gr.File(label="Output Archive")
+            processed_video = gr.Video(label="Output Video", format="mp4", interactive=False)
+            processed_zip = gr.File(label="Output Archive", interactive=False)
             result = gr.Model3D(label="3D Mesh", clear_color=[0.5, 0.5, 0.5, 0.0], camera_position=[0, 90, 0], zoom_speed=2.0, pan_speed=2.0, interactive=True, elem_id="model3D") #, display_mode="point_cloud"
             svg_in = gr.HTML(value="""<svg id='svg_in' height='32' width='256' viewBox='0 0 256 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='touch-action:none;background-color:#808080;' onpointerdown='
               try{
@@ -895,7 +895,7 @@ with gr.Blocks(css=css, js=js) as demo:
               this.parentNode.childNodes[2].innerText = this.value;
             '/><span>1</span>""")
             with gr.Accordion(label="Blur levels", open=False):
-                blur_in = gr.Textbox(label="Kernel size", show_label=False, value="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1")
+                blur_in = gr.Textbox(label="Kernel size", show_label=False, interactive=False, value="1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1")
             with gr.Accordion(label="Locations", open=False):
                 offset = gr.HTML(value="""<input type='text' id='kbrd' onpointerdown='this.style.color = \"white\";' onpointerup='this.style.color = \"auto\";' onpointermove='
                 try {
@@ -1059,7 +1059,7 @@ with gr.Blocks(css=css, js=js) as demo:
                 coords = gr.Textbox(elem_id="coords", value=example_coords, label="Coordinates", interactive=False)
                 mesh_order = gr.Textbox(elem_id="order", value="", label="Order", interactive=False)
                 
-            result_file = gr.File(elem_id="file3D", label="3D file")
+            result_file = gr.File(elem_id="file3D", label="3D file", interactive=False)
             html = gr.HTML(value="""<label for='zoom'>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\");